fix(i18n): persist CMS translations and validate message catalogs

src/app/admin/translations/cms/page.tsx

@@ -1,48 +1,24 @@
-import fs from "node:fs/promises";
-import path from "node:path";
+import { getLocale } from "next-intl/server";
+import { SUPPORTED_LOCALES } from "@/i18n/locales";
+import { readCmsTranslation } from "@/lib/cms-translations";
+import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { TranslationsClient } from "../translations-client";
 
-const LOCALES = [
-	"en",
-	"it",
-	"nl",
-	"de",
-	"fr",
-	"es",
-	"pt",
-	"pl",
-	"sv",
-	"tr",
-	"ro",
-	"hu",
-	"cs",
-	"sk",
-	"da",
-	"no",
-	"el",
-	"bg",
-	"hr",
-	"sr",
-	"uk",
-	"ru",
-] as const;
-
 export default async function CmsTranslationsPage() {
-	const messagesDir = path.join(process.cwd(), "src", "messages");
-
-	const contents: Record<string, string> = {};
-	await Promise.all(
-		LOCALES.map(async (locale) => {
-			try {
-				contents[locale] = await fs.readFile(
-					path.join(messagesDir, `${locale}.json`),
-					"utf-8",
-				);
-			} catch {
-				// Skip missing locale files instead of failing the whole page.
-			}
-		}),
+	const [{ session, permissions }, locale, entries] = await Promise.all([
+		getAdminContext(),
+		getLocale(),
+		Promise.all(
+			SUPPORTED_LOCALES.map(
+				async (locale) => [locale, await readCmsTranslation(locale)] as const,
+			),
+		),
+	]);
+	return (
+		<TranslationsClient
+			snapshots={Object.fromEntries(entries)}
+			initialLocale={locale}
+			canEdit={canAccess(permissions, PERMS.SETTINGS_EDIT, session.user.rank)}
+		/>
 	);
-
-	return <TranslationsClient localeContents={contents} />;
 }