feat: support localized domain content

app/(dashboard)/clients/[id]/page.tsx

@@ -1,11 +1,16 @@
 import { notFound } from "next/navigation";
 import { ClientDetailClient, type ClientDetailData, type ClientActivity } from "./client-detail-client";
+import { getSqliteConnection } from "@/server/db/client";
 import { DomainError } from "@/server/domain/errors";
+import { I18nService } from "@/server/i18n/service";
 import { requireFreelancerBackend } from "@/server/web/freelancer";
 
 export default async function ClientDetailPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params;
   const { actor, service } = await requireFreelancerBackend();
+  const i18n = new I18nService(getSqliteConnection().db);
+  const locales = i18n.listLocales(actor).filter((locale) => locale.status === "active");
+  const defaultLocale = i18n.getSettings(actor).defaultLocale;
 
   let data: { client: ClientDetailData; activities: ClientActivity[] };
   try {
@@ -21,6 +26,7 @@ export default async function ClientDetailPage({ params }: { params: Promise<{ i
       status: row.status,
       notes: row.notes,
       client_auth_id: row.authUserId,
+      portal_locale: row.portalLocale ?? defaultLocale,
     };
     const activities: ClientActivity[] = service.listClientActivities(actor, id).map((activity) => ({
       id: activity.id,
@@ -37,5 +43,5 @@ export default async function ClientDetailPage({ params }: { params: Promise<{ i
     throw error;
   }
 
-  return <ClientDetailClient client={data.client} activities={data.activities} />;
+  return <ClientDetailClient client={data.client} activities={data.activities} locales={locales} />;
 }