update all

src/app/auth/idp/[idpId]/oidc/callback/page.tsx

@@ -3,7 +3,7 @@ import ValidateOidcToken from "./ValidateOidcToken";
 import { idp } from "@server/db/schemas";
 import db from "@server/db";
 import { eq } from "drizzle-orm";
-import { getTranslations } from 'next-intl/server';
+import { getTranslations } from "next-intl/server";
 
 export default async function Page(props: {
     params: Promise<{ orgId: string; idpId: string }>;

src/app/auth/layout.tsx

@@ -8,7 +8,7 @@ import { AxiosResponse } from "axios";
 import { ExternalLink } from "lucide-react";
 import { Metadata } from "next";
 import { cache } from "react";
-import { getTranslations } from 'next-intl/server';
+import { getTranslations } from "next-intl/server";
 
 export const metadata: Metadata = {
     title: `Auth - Pangolin`,

src/app/auth/login/page.tsx

@@ -9,7 +9,7 @@ import { cleanRedirect } from "@app/lib/cleanRedirect";
 import db from "@server/db";
 import { idp } from "@server/db/schemas";
 import { LoginFormIDP } from "@app/components/LoginForm";
-import { getTranslations } from 'next-intl/server';
+import { getTranslations } from "next-intl/server";
 
 export const dynamic = "force-dynamic";
 

src/app/auth/reset-password/ResetPasswordForm.tsx

@@ -50,22 +50,6 @@ const requestSchema = z.object({
     email: z.string().email()
 });
 
-const formSchema = z
-    .object({
-        email: z.string().email({ message: "Invalid email address" }),
-        token: z.string().min(8, { message: "Invalid token" }),
-        password: passwordSchema,
-        confirmPassword: passwordSchema
-    })
-    .refine((data) => data.password === data.confirmPassword, {
-        path: ["confirmPassword"],
-        message: "Passwords do not match"
-    });
-
-const mfaSchema = z.object({
-    code: z.string().length(6, { message: "Invalid code" })
-});
-
 export type ResetPasswordFormProps = {
     emailParam?: string;
     tokenParam?: string;
@@ -82,6 +66,7 @@ export default function ResetPasswordForm({
     const [error, setError] = useState<string | null>(null);
     const [successMessage, setSuccessMessage] = useState<string | null>(null);
     const [isSubmitting, setIsSubmitting] = useState(false);
+    const t = useTranslations();
 
     function getState() {
         if (emailParam && !tokenParam) {
@@ -99,6 +84,22 @@ export default function ResetPasswordForm({
 
     const api = createApiClient(useEnvContext());
 
+    const formSchema = z
+        .object({
+            email: z.string().email({ message: t('emailInvalid') }),
+            token: z.string().min(8, { message: t('tokenInvalid') }),
+            password: passwordSchema,
+            confirmPassword: passwordSchema
+        })
+        .refine((data) => data.password === data.confirmPassword, {
+            path: ["confirmPassword"],
+            message: t('passwordNotMatch')
+        });
+
+    const mfaSchema = z.object({
+        code: z.string().length(6, { message: t('pincodeInvalid') })
+    });
+
     const form = useForm<z.infer<typeof formSchema>>({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -123,8 +124,6 @@ export default function ResetPasswordForm({
         }
     });
 
-    const t = useTranslations();
-
     async function onRequest(data: z.infer<typeof requestSchema>) {
         const { email } = data;
 

src/app/auth/reset-password/page.tsx

@@ -4,7 +4,7 @@ import { cache } from "react";
 import ResetPasswordForm from "./ResetPasswordForm";
 import Link from "next/link";
 import { cleanRedirect } from "@app/lib/cleanRedirect";
-import { getTranslations } from 'next-intl/server';
+import { getTranslations } from "next-intl/server";
 
 export const dynamic = "force-dynamic";
 

src/app/auth/resource/[resourceId]/ResourceNotFound.tsx

@@ -7,11 +7,11 @@ import {
     CardTitle,
 } from "@app/components/ui/card";
 import Link from "next/link";
-import { useTranslations } from "next-intl";
+import { getTranslations } from "next-intl/server";
 
 export default async function ResourceNotFound() {
     
-    const t = useTranslations();
+    const t = await getTranslations();
 
     return (
         <Card className="w-full max-w-md">

src/app/auth/signup/SignupForm.tsx

@@ -31,7 +31,7 @@ import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 import Image from "next/image";
 import { cleanRedirect } from "@app/lib/cleanRedirect";
-import { useTranslations } from 'next-intl';
+import { useTranslations } from "next-intl";
 
 type SignupFormProps = {
     redirect?: string;

src/app/auth/verify-email/VerifyEmailForm.tsx

@@ -39,13 +39,6 @@ import { useEnvContext } from "@app/hooks/useEnvContext";
 import { cleanRedirect } from "@app/lib/cleanRedirect";
 import { useTranslations } from "next-intl";
 
-const FormSchema = z.object({
-    email: z.string().email({ message: "Invalid email address" }),
-    pin: z.string().min(8, {
-        message: "Your verification code must be 8 characters.",
-    }),
-});
-
 export type VerifyEmailFormProps = {
     email: string;
     redirect?: string;
@@ -65,6 +58,13 @@ export default function VerifyEmailForm({
 
     const api = createApiClient(useEnvContext());
 
+    const FormSchema = z.object({
+        email: z.string().email({ message: t('emailInvalid') }),
+        pin: z.string().min(8, {
+            message: t('verificationCodeLengthRequirements'),
+        }),
+    });
+
     const form = useForm<z.infer<typeof FormSchema>>({
         resolver: zodResolver(FormSchema),
         defaultValues: {