Add translation keys in admin/api-keys

src/app/admin/api-keys/page.tsx

@@ -9,6 +9,7 @@ import { AxiosResponse } from "axios";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import { ListRootApiKeysResponse } from "@server/routers/apiKeys";
 import ApiKeysTable, { ApiKeyRow } from "./ApiKeysTable";
+import { useTranslations } from "next-intl";
 
 type ApiKeyPageProps = {};
 
@@ -16,6 +17,7 @@ export const dynamic = "force-dynamic";
 
 export default async function ApiKeysPage(props: ApiKeyPageProps) {
     let apiKeys: ListRootApiKeysResponse["apiKeys"] = [];
+    const t = useTranslations();
     try {
         const res = await internal.get<AxiosResponse<ListRootApiKeysResponse>>(
             `/api-keys`,
@@ -36,8 +38,8 @@ export default async function ApiKeysPage(props: ApiKeyPageProps) {
     return (
         <>
             <SettingsSectionTitle
-                title="Manage API Keys"
-                description="API keys are used to authenticate with the integration API"
+                title={t('apiKeysManage')}
+                description={t('apiKeysDescription')}
             />
 
             <ApiKeysTable apiKeys={rows} />