feat: web i18n (#1286)

apps/web/src/app/(signing)/sign/[token]/form.tsx

@@ -4,6 +4,7 @@ import { useMemo, useState } from 'react';
 
 import { useRouter } from 'next/navigation';
 
+import { Trans } from '@lingui/macro';
 import { useSession } from 'next-auth/react';
 import { useForm } from 'react-hook-form';
 
@@ -103,7 +104,7 @@ export const SigningForm = ({ document, recipient, fields, redirectUrl }: Signin
     >
       {validateUninsertedFields && uninsertedFields[0] && (
         <FieldToolTip key={uninsertedFields[0].id} field={uninsertedFields[0]} color="warning">
-          Click to insert field
+          <Trans>Click to insert field</Trans>
         </FieldToolTip>
       )}
 
@@ -123,7 +124,7 @@ export const SigningForm = ({ document, recipient, fields, redirectUrl }: Signin
           {recipient.role === RecipientRole.VIEWER ? (
             <>
               <p className="text-muted-foreground mt-2 text-sm">
-                Please mark as viewed to complete
+                <Trans>Please mark as viewed to complete</Trans>
               </p>
 
               <hr className="border-border mb-8 mt-4" />
@@ -139,7 +140,7 @@ export const SigningForm = ({ document, recipient, fields, redirectUrl }: Signin
                     disabled={typeof window !== 'undefined' && window.history.length <= 1}
                     onClick={() => router.back()}
                   >
-                    Cancel
+                    <Trans>Cancel</Trans>
                   </Button>
 
                   <SignDialog