Checkpoint service account functionality, added UI and general backend structure

frontend/src/pages/settings/org/[id]/index.tsx

@@ -0,0 +1,29 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import Head from 'next/head';
+import { useTranslation } from 'next-i18next';
+
+import { getTranslatedServerSideProps } from '@app/components/utilities/withTranslateProps';
+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;
+
+export const getServerSideProps = getTranslatedServerSideProps([
+  'settings',
+  'settings-org',
+  'section-incident',
+  'section-members'
+]);

frontend/src/pages/settings/org/[id]/service-accounts/[serviceAccountId].tsx

@@ -0,0 +1,33 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import { useTranslation } from 'next-i18next';
+
+import { getTranslatedServerSideProps } from '@app/components/utilities/withTranslateProps';
+import { CreateServiceAccountPage } from '@app/views/Settings/CreateServiceAccountPage';
+
+export default function ServiceAccountPage() {
+  const router = useRouter();
+  // const { orgId, serviceAccountId } = router.query;
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <Head>
+        <title>Edit Service Account</title>
+        <link rel="icon" href="/infisical.ico" />
+      </Head>
+      <div />
+      <CreateServiceAccountPage />
+    </>
+  );
+}
+
+ServiceAccountPage.requireAuth = true;
+
+export const getServerSidePros = getTranslatedServerSideProps([
+  'settings',
+  'settings-org',
+  'section-incident',
+  'section-members'
+]);