feat: support localized domain content

app/(dashboard)/projects/page.tsx

@@ -1,8 +1,14 @@
 import { ProjectsClient, type ProjectClientOption, type ProjectListItem } from "@/app/(dashboard)/projects/projects-client";
+import { getSqliteConnection } from "@/server/db/client";
+import { ContentTranslationService, type ContentTranslationRow } from "@/server/i18n/content";
+import { resolveRequestLocale } from "@/server/i18n/resolver";
 import { requireFreelancerBackend } from "@/server/web/freelancer";
 
 export default async function ProjectsPage() {
+  const locale = await resolveRequestLocale();
   const { actor, service } = await requireFreelancerBackend();
+  const content = new ContentTranslationService(getSqliteConnection().db);
+  const localization = content.getLocalizationContext(actor);
   const projectRows = service.listProjects(actor);
   const clientRows = service.listClients(actor);
   const taskRows = service.listTasks(actor);
@@ -17,15 +23,22 @@ export default async function ProjectsPage() {
     taskStats.set(task.projectId, stats);
   }
 
+  const projectTranslations = content.listBatch("project", projectRows.map((project) => project.id));
   const projects: ProjectListItem[] = projectRows.map((project) => {
     const stats = taskStats.get(project.id) ?? { total: 0, done: 0 };
+    const translationRows = projectTranslations.get(project.id) ?? [];
+    const resolvedProject = content.resolveEntity("project", project, {
+      locale: locale.locale,
+      defaultLocale: localization.defaultLocale,
+      translations: translationRows,
+    });
     return {
       id: project.id,
       client_id: project.clientId,
       clientName: project.clientId ? clientNames.get(project.clientId) ?? null : null,
-      name: project.name,
+      name: resolvedProject.name,
       type: project.type,
-      description: project.description,
+      description: resolvedProject.description,
       status: project.status,
       start_date: project.startDate,
       due_date: project.dueDate,
@@ -33,16 +46,25 @@ export default async function ProjectsPage() {
       currency: project.currency,
       progress: project.progress,
       cover_image_path: project.legacyCoverImagePath,
-      cover_image_alt: project.coverImageAlt,
+      cover_image_alt: resolvedProject.coverImageAlt,
       coverImageUrl: project.legacyCoverImagePath,
       taskCount: stats.total,
       doneTaskCount: stats.done,
+      translations: toLocalizedValues(translationRows),
     };
   });
   const clients: ProjectClientOption[] = clientRows
     .filter((client) => client.status !== "archived")
-    .sort((a, b) => a.name.localeCompare(b.name, "tr"))
+    .sort((a, b) => a.name.localeCompare(b.name, locale.locale))
     .map(({ id, name }) => ({ id, name }));
 
-  return <ProjectsClient projects={projects} clients={clients} />;
+  return <ProjectsClient projects={projects} clients={clients} localization={localization} />;
+}
+
+function toLocalizedValues(rows: ContentTranslationRow[]) {
+  return rows.reduce<Record<string, Record<string, string>>>((result, row) => {
+    result[row.locale] = result[row.locale] ?? {};
+    result[row.locale][row.field] = row.value;
+    return result;
+  }, {});
 }