feat: renamed old frontend and fixed some minor bugs

frontend/src/pages/organization/BillingPage/BillingPage.tsx

@@ -0,0 +1,36 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
+
+import { OrgPermissionCan } from "@app/components/permissions";
+import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
+
+import { BillingTabGroup } from "./components";
+
+export const BillingPage = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="h-full bg-bunker-800">
+      <Helmet>
+        <title>{t("common.head-title", { title: t("billing.title") })}</title>
+        <link rel="icon" href="/infisical.ico" />
+        <meta property="og:image" content="/images/message.png" />
+      </Helmet>
+      <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>
+          <OrgPermissionCan
+            passThrough={false}
+            I={OrgPermissionActions.Read}
+            a={OrgPermissionSubjects.Billing}
+          >
+            <BillingTabGroup />
+          </OrgPermissionCan>
+        </div>
+      </div>
+    </div>
+  );
+};