feat(i18n): update analytics and calendar views for dynamic locales

app/(dashboard)/calendar/page.tsx

@@ -1,8 +1,26 @@
 import { CalendarClient, type CalendarEventItem, type CalendarRelationOption, type CalendarTaskOption } from "@/app/(dashboard)/calendar/calendar-client";
 import { requireFreelancerBackend } from "@/server/web/freelancer";
+import { resolveFreelancerLocale } from "@/server/i18n/resolver";
+import { getClientI18nPayload } from "@/server/i18n/translator";
+import { I18nProvider } from "@/components/i18n/i18n-provider";
+import type { ContentTranslationRow } from "@/server/i18n/content";
+
+function buildTranslations(rows: ContentTranslationRow[] | undefined) {
+  if (!rows) return undefined;
+  const result: Record<string, Record<string, string>> = {};
+  for (const row of rows) {
+    if (!result[row.locale]) result[row.locale] = {};
+    result[row.locale][row.field] = row.value;
+  }
+  return result;
+}
 
 export default async function CalendarPage() {
-  const { actor, service } = await requireFreelancerBackend();
+  const { context, actor, service } = await requireFreelancerBackend();
+  const resolvedLocale = await resolveFreelancerLocale(context);
+  const payload = getClientI18nPayload(resolvedLocale.locale, ["calendar"]);
+  const activeLocales = service.listLocales(actor).filter(l => l.status !== "archived").map(l => ({ code: l.code, name: l.nativeName }));
+  
   const eventRows = service.listCalendarEvents(actor);
   const clientRows = service.listClients(actor);
   const projectRows = service.listProjects(actor);
@@ -11,6 +29,8 @@ export default async function CalendarPage() {
   const projects = new Map(projectRows.map((item) => [item.id, item.name]));
   const tasks = new Map(taskRows.map((item) => [item.id, item.title]));
 
+  const translationsMap = service.contentTranslations.listBatch("calendar_event", eventRows.map(e => e.id));
+
   const events: CalendarEventItem[] = eventRows.map((event) => ({
     id: event.id,
     title: event.title,
@@ -24,6 +44,7 @@ export default async function CalendarPage() {
     clientName: event.clientId ? clients.get(event.clientId) ?? null : null,
     projectName: event.projectId ? projects.get(event.projectId) ?? null : null,
     taskTitle: event.taskId ? tasks.get(event.taskId) ?? null : null,
+    translations: buildTranslations(translationsMap.get(event.id)),
   }));
   const clientOptions: CalendarRelationOption[] = clientRows
     .filter((item) => item.status !== "archived")
@@ -35,5 +56,9 @@ export default async function CalendarPage() {
     .filter((item) => item.status !== "done" && item.status !== "cancelled")
     .map(({ id, title }) => ({ id, title }));
 
-  return <CalendarClient events={events} clients={clientOptions} projects={projectOptions} tasks={taskOptions} />;
+  return (
+    <I18nProvider payload={payload}>
+      <CalendarClient events={events} clients={clientOptions} projects={projectOptions} tasks={taskOptions} activeLocales={activeLocales} />
+    </I18nProvider>
+  );
 }