translate keys and restructure roles and users

src/app/[orgId]/settings/logs/ai-usage/page.tsx

@@ -1,10 +1,14 @@
 import { AiUsageAnalyticsData } from "@app/components/AiUsageAnalyticsData";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
-export const metadata: Metadata = {
-    title: "AI Usage Analytics"
-};
+export async function generateMetadata(): Promise<Metadata> {
+    const t = await getTranslations();
+    return {
+        title: t("aiUsageAnalyticsTitle")
+    };
+}
 
 export interface AiUsageAnalyticsPageProps {
     params: Promise<{ orgId: string }>;
@@ -14,12 +18,13 @@ export default async function AiUsageAnalyticsPage(
     props: AiUsageAnalyticsPageProps
 ) {
     const orgId = (await props.params).orgId;
+    const t = await getTranslations();
 
     return (
         <>
             <SettingsSectionTitle
-                title="AI Usage Analytics"
-                description="Analyze AI gateway cost, token usage, and activity across providers, resources, roles, and users"
+                title={t("aiUsageAnalyticsTitle")}
+                description={t("aiUsageAnalyticsDescription")}
             />
 
             <div className="container mx-auto max-w-12xl">