translate(frontend): many files

frontend/pages/dashboard/[id].js

@@ -454,21 +454,15 @@ export default function Dashboard() {
   return data ? (
     <div className="bg-bunker-800 max-h-screen flex flex-col justify-between text-white">
       <Head>
-        <title>{t("dashboard:meta.title")}</title>
+        <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={t("dashboard:meta.og-title")} />
-        <meta
-          name="og:description"
-          content={t("dashboard:meta.og-description")}
-        />
+        <meta property="og:title" content={t("dashboard:og-title")} />
+        <meta name="og:description" content={t("dashboard:og-description")} />
       </Head>
       <div className="flex flex-row">
         <div className="w-full max-h-96 pb-2">
-          <NavHeader
-            pageName={t("dashboard:secrets")}
-            isProjectRelated={true}
-          />
+          <NavHeader pageName={t("dashboard:title")} isProjectRelated={true} />
           {checkDocsPopUpVisible && (
             <BottonRightPopup
               buttonText={t("dashboard:check-docs.button")}
@@ -482,7 +476,7 @@ export default function Dashboard() {
           )}
           <div className="flex flex-row justify-between items-center mx-6 mt-6 mb-3 text-xl max-w-5xl">
             <div className="flex flex-row justify-start items-center text-3xl">
-              <p className="font-semibold mr-4 mt-1">Secrets</p>
+              <p className="font-semibold mr-4 mt-1">{t("dashboard:title")}</p>
               {data?.length == 0 && (
                 <ListBox
                   selected={env}

frontend/pages/settings/billing/[id].js

@@ -18,33 +18,33 @@ export default function SettingsBilling() {
   const plans = [
     {
       key: 1,
-      name: t("common:starter"),
-      price: t("common:free"),
+      name: t("billing:starter.name"),
+      price: t("billing:free"),
       priceExplanation: t("billing:starter.price-explanation"),
       text: t("billing:starter.text"),
       subtext: t("billing:starter.subtext"),
-      buttonTextMain: t("common:downgrade"),
-      buttonTextSecondary: t("common:learn-more"),
+      buttonTextMain: t("billing:downgrade"),
+      buttonTextSecondary: t("billing:learn-more"),
       current: currentPlan == STRIPE_PRODUCT_STARTER,
     },
     {
       key: 2,
-      name: t("common:professional"),
+      name: t("billing:professional.name"),
       price: "$9",
       priceExplanation: t("billing:professional.price-explanation"),
       subtext: t("billing:professional.subtext"),
       text: t("billing:professional.text"),
-      buttonTextMain: t("common:upgrade"),
-      buttonTextSecondary: t("common:learn-more"),
+      buttonTextMain: t("billing:upgrade"),
+      buttonTextSecondary: t("billing:learn-more"),
       current: currentPlan == STRIPE_PRODUCT_PRO,
     },
     {
       key: 3,
-      name: t("common:enterprise"),
-      price: t("common:custom-pricing"),
+      name: t("billing:enterprise.name"),
+      price: t("billing:custom-pricing"),
       text: t("billing:enterprise.text"),
-      buttonTextMain: t("common:schedule-demo"),
-      buttonTextSecondary: t("common:learn-more"),
+      buttonTextMain: t("billing:schedule-demo"),
+      buttonTextSecondary: t("billing:learn-more"),
       current: false,
     },
   ];

frontend/pages/settings/org/[id].js

@@ -219,10 +219,10 @@ export default function SettingsOrg() {
             </div>
             <div className="bg-white/5 rounded-md px-6 pt-6 pb-2 flex flex-col items-start flex flex-col items-start w-full mb-6">
               <p className="font-semibold mr-4 text-white text-xl">
-                {t("settings:org-members")}
+                {t("section-members:org-members")}
               </p>
               <p className="mr-4 text-gray-400 mt-2 mb-2">
-                {t("settings:org-members-description")}
+                {t("section-members:org-members-description")}
               </p>
               <AddUserDialog
                 isOpen={isAddUserOpen}
@@ -245,12 +245,12 @@ export default function SettingsOrg() {
                     className="pl-2 text-gray-400 rounded-r-md bg-white/5 w-full h-full outline-none"
                     value={searchUsers}
                     onChange={(e) => setSearchUsers(e.target.value)}
-                    placeholder={t("settings:search-members")}
+                    placeholder={t("section-members:search-members")}
                   />
                 </div>
                 <div className="mt-2 ml-2 min-w-max flex flex-row items-start justify-start">
                   <Button
-                    text={t("settings:add-member")}
+                    text={t("section-members:add-member")}
                     onButtonPressed={openAddUserModal}
                     color="mineshaft"
                     size="md"
@@ -305,7 +305,7 @@ export default function SettingsOrg() {
                   className="pl-2 text-gray-400 rounded-tr-md bg-white/5 w-full h-full outline-none"
                   value={searchIncidentContact}
                   onChange={(e) => setSearchIncidentContact(e.target.value)}
-                  placeholder={t("settings:search")}
+                  placeholder={t("common:search")}
                 />
               </div>
               {incidentContacts?.filter((email) =>

frontend/pages/settings/personal/[id].js

@@ -243,7 +243,7 @@ export default function PersonalSettings() {
               )}
               <div className="flex flex-row items-center mt-3 w-52 pr-3">
                 <Button
-                  text="Change Password"
+                  text={t("form-password:change")}
                   onButtonPressed={() => {
                     if (
                       !passwordErrorLength &&
@@ -272,7 +272,7 @@ export default function PersonalSettings() {
                       passwordErrorNumber
                     )
                   }
-                  textDisabled={t("password:change")}
+                  textDisabled={t("form-password:change")}
                 />
                 <FontAwesomeIcon
                   icon={faCheck}
@@ -299,13 +299,13 @@ export default function PersonalSettings() {
               </div>
               <div className="w-full max-w-xl mb-4">
                 <InputField
-                  label={t("password:current")}
+                  label={t("form-password:current")}
                   onChangeHandler={setBackupPassword}
                   type="password"
                   value={backupPassword}
                   isRequired
                   error={backupKeyError}
-                  errorText={t("password:current-wrong")}
+                  errorText={t("form-password:current-wrong")}
                 />
               </div>
               <div className="flex flex-row items-center mt-3 w-full w-60">