first fixes

src/app/admin/idp/[idpId]/layout.tsx

@@ -15,7 +15,7 @@ import {
     BreadcrumbPage,
     BreadcrumbSeparator
 } from "@app/components/ui/breadcrumb";
-import { useTranslations } from "next-intl";
+import { getTranslations } from 'next-intl/server';
 
 interface SettingsLayoutProps {
     children: React.ReactNode;
@@ -37,7 +37,7 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
         redirect("/admin/idp");
     }
 
-    const t = useTranslations();
+    const t = await getTranslations();
 
     const navItems: HorizontalTabs = [
         {

src/app/admin/idp/create/page.tsx

@@ -371,7 +371,7 @@ export default function Page() {
                                             </AlertTitle>
                                             <AlertDescription>
                                                 {/*TODO(vlalx): Validate replacing */}
-                                                {t('idpJmespathAboutDescription')}
+                                                {t('idpJmespathAboutDescription')}{" "}
                                                 <a
                                                     href="https://jmespath.org"
                                                     target="_blank"
@@ -447,8 +447,7 @@ export default function Page() {
                                             render={({ field }) => (
                                                 <FormItem>
                                                     <FormLabel>
-                                                        "idpOidcConfigureScopes": "Scopes"
-                                                        {t('')}
+                                                        {t('idpOidcConfigureScopes')}
                                                     </FormLabel>
                                                     <FormControl>
                                                         <Input {...field} />

src/app/admin/idp/page.tsx

@@ -3,7 +3,7 @@ import { authCookieHeader } from "@app/lib/api/cookies";
 import { AxiosResponse } from "axios";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import IdpTable, { IdpRow } from "./AdminIdpTable";
-import { useTranslations } from "next-intl";
+import { getTranslations } from 'next-intl/server';
 
 export default async function IdpPage() {
     let idps: IdpRow[] = [];
@@ -16,7 +16,8 @@ export default async function IdpPage() {
     } catch (e) {
         console.error(e);
     }
-    const t = useTranslations();
+    
+    const t = await getTranslations();
 
     return (
         <>