translate(frontend): update namespaces

frontend/components/basic/layout.js

@@ -106,7 +106,7 @@ export default function Layout({ children }) {
 			setIsOpen(false);
 			setNewWorkspaceName("");
 		} else {
-			setError(t("common:error_project-already-exists"));
+			setError(t("error_project-already-exists"));
 			setLoading(false);
 		}
 	}
@@ -121,22 +121,22 @@ export default function Layout({ children }) {
 				"/dashboard/" +
 				workspaceMapping[workspaceSelected] +
 				"?Development",
-			title: t("common:nav.menu.secrets"),
+			title: t("nav:menu.secrets"),
 			emoji: <FontAwesomeIcon icon={faHouse} />,
 		},
 		{
 			href: "/users/" + workspaceMapping[workspaceSelected],
-			title: t("common:nav.menu.members"),
+			title: t("nav:menu.members"),
 			emoji: <FontAwesomeIcon icon={faUser} />,
 		},
 		{
 			href: "/integrations/" + workspaceMapping[workspaceSelected],
-			title: t("common:nav.menu.integrations"),
+			title: t("nav:menu.integrations"),
 			emoji: <FontAwesomeIcon icon={faLink} />,
 		},
 		{
 			href: "/settings/project/" + workspaceMapping[workspaceSelected],
-			title: t("common:nav.menu.project-settings"),
+			title: t("nav:menu.project-settings"),
 			emoji: <FontAwesomeIcon icon={faGear} />,
 		},
 	];
@@ -238,7 +238,7 @@ export default function Layout({ children }) {
 							<div className="py-6"></div>
 							<div className="flex justify-center w-full mt-7 mb-8 bg-bunker-600 w-full h-full flex flex-col items-center px-4">
 								<div className="text-gray-400 self-start ml-1 mb-1 text-xs font-semibold tracking-wide">
-									{t("common:nav.menu.project")}
+									{t("nav:menu.project")}
 								</div>
 								{workspaceList.length > 0 ? (
 									<Listbox
@@ -331,7 +331,7 @@ export default function Layout({ children }) {
 					className="text-gray-300 text-7xl mb-8"
 				/>
 				<p className="text-gray-200 px-6 text-center text-lg max-w-sm">
-					{` ${t("common:need-login")} `}
+					{` ${t("need-login")} `}
 				</p>
 			</div>
 		</>

frontend/components/navigation/NavBarDashboard.js

@@ -29,22 +29,22 @@ import useTranslation from "next-translate/useTranslation";
 const supportOptions = (t) => [
 	[
 		<FontAwesomeIcon className="text-lg pl-1.5 pr-3" icon={faSlack} />,
-		t("common:nav.support.slack"),
+		t("nav:support.slack"),
 		"https://join.slack.com/t/infisical/shared_invite/zt-1dgg63ln8-G7PCNJdCymAT9YF3j1ewVA",
 	],
 	[
 		<FontAwesomeIcon className="text-lg pl-1.5 pr-3" icon={faBook} />,
-		t("common:nav.support.docs"),
+		t("nav:support.docs"),
 		"https://infisical.com/docs/getting-started/introduction",
 	],
 	[
 		<FontAwesomeIcon className="text-lg pl-1.5 pr-3" icon={faGithub} />,
-		t("common:nav.support.issue"),
+		t("nav:support.issue"),
 		"https://github.com/Infisical/infisical-cli/issues",
 	],
 	[
 		<FontAwesomeIcon className="text-lg pl-1.5 pr-3" icon={faEnvelope} />,
-		t("common:nav.support.email"),
+		t("nav:support.email"),
 		"mailto:[email protected]",
 	],
 ];
@@ -55,7 +55,7 @@ export default function Navbar({ onButtonPressed }) {
 	const [orgs, setOrgs] = useState([]);
 	const [currentOrg, setCurrentOrg] = useState([]);
 
-	const { t } = useTranslation("common");
+	const { t } = useTranslation("");
 
 	const supportOptionsList = useMemo(() => supportOptions(t), [t]);
 
@@ -152,7 +152,7 @@ export default function Navbar({ onButtonPressed }) {
 						<Menu.Items className="absolute right-0 mt-0.5 w-64 origin-top-right divide-y divide-gray-700 rounded-md bg-bunker border border-mineshaft-700 shadow-lg ring-1 ring-black z-20 ring-opacity-5 focus:outline-none">
 							<div className="px-1 py-1 ">
 								<div className="text-gray-400 self-start ml-2 mt-2 text-xs font-semibold tracking-wide">
-									{t("common:nav.user.signed-in-as")}
+									{t("nav:user.signed-in-as")}
 								</div>
 								<div
 									onClick={() =>
@@ -187,7 +187,7 @@ export default function Navbar({ onButtonPressed }) {
 							</div>
 							<div className="px-2 pt-2">
 								<div className="text-gray-400 self-start ml-2 mt-2 text-xs font-semibold tracking-wide">
-									{t("common:nav.user.current-organization")}
+									{t("nav:user.current-organization")}
 								</div>
 								<div
 									onClick={() =>
@@ -228,7 +228,7 @@ export default function Navbar({ onButtonPressed }) {
 											icon={faCoins}
 										/>
 										<div className="text-sm">
-											{t("common:nav.user.usage-billing")}
+											{t("nav:user.usage-billing")}
 										</div>
 									</div>
 								</button>
@@ -253,7 +253,7 @@ export default function Navbar({ onButtonPressed }) {
 											/>
 										</span>
 										<div className="text-sm ml-1">
-											{t("common:nav.user.invite")}
+											{t("nav:user.invite")}
 										</div>
 									</div>
 								</button>
@@ -261,9 +261,7 @@ export default function Navbar({ onButtonPressed }) {
 							{orgs?.length > 1 && (
 								<div className="px-1 pt-1">
 									<div className="text-gray-400 self-start ml-2 mt-2 text-xs font-semibold tracking-wide">
-										{t(
-											"common:nav.user.other-organizations"
-										)}
+										{t("nav:user.other-organizations")}
 									</div>
 									<div className="flex flex-col items-start px-1 mt-3 mb-2">
 										{orgs