feat: web i18n (#1286)

apps/web/src/app/(unauthenticated)/reset-password/[token]/page.tsx

@@ -1,6 +1,9 @@
 import Link from 'next/link';
 import { redirect } from 'next/navigation';
 
+import { Trans } from '@lingui/macro';
+
+import { setupI18nSSR } from '@documenso/lib/client-only/providers/i18n.server';
 import { getResetTokenValidity } from '@documenso/lib/server-only/user/get-reset-token-validity';
 
 import { ResetPasswordForm } from '~/components/forms/reset-password';
@@ -12,6 +15,8 @@ type ResetPasswordPageProps = {
 };
 
 export default async function ResetPasswordPage({ params: { token } }: ResetPasswordPageProps) {
+  setupI18nSSR();
+
   const isValid = await getResetTokenValidity({ token });
 
   if (!isValid) {
@@ -21,17 +26,23 @@ export default async function ResetPasswordPage({ params: { token } }: ResetPass
   return (
     <div className="w-screen max-w-lg px-4">
       <div className="w-full">
-        <h1 className="text-4xl font-semibold">Reset Password</h1>
+        <h1 className="text-4xl font-semibold">
+          <Trans>Reset Password</Trans>
+        </h1>
 
-        <p className="text-muted-foreground mt-2 text-sm">Please choose your new password </p>
+        <p className="text-muted-foreground mt-2 text-sm">
+          <Trans>Please choose your new password</Trans>
+        </p>
 
         <ResetPasswordForm token={token} className="mt-4" />
 
         <p className="text-muted-foreground mt-6 text-center text-sm">
-          Don't have an account?{' '}
-          <Link href="/signup" className="text-primary duration-200 hover:opacity-70">
-            Sign up
-          </Link>
+          <Trans>
+            Don't have an account?{' '}
+            <Link href="/signup" className="text-primary duration-200 hover:opacity-70">
+              Sign up
+            </Link>
+          </Trans>
         </p>
       </div>
     </div>