Update prettier styling

apps/web/pages/documents/[id]/index.tsx

@@ -40,7 +40,10 @@ const DocumentsDetailPage: NextPageWithLayout = (props: any) => {
             </h2>
             <div className="mt-1 flex flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6">
               <div className="mt-2 flex items-center text-sm text-gray-500">
-                <UsersIcon className="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400" aria-hidden="true" />
+                <UsersIcon
+                  className="mr-1.5 h-5 w-5 flex-shrink-0 text-gray-400"
+                  aria-hidden="true"
+                />
 
                 <Link href={`/documents/${props.document.id}/recipients`}>
                   {props?.document?.Recipient?.length} Recipients
@@ -61,7 +64,9 @@ const DocumentsDetailPage: NextPageWithLayout = (props: any) => {
               className="ml-3"
               href={NEXT_PUBLIC_WEBAPP_URL + "/documents/" + props.document.id + "/recipients"}
               onClick={() => {
-                if (confirm(`Send document out to ${props?.document?.Recipient?.length} recipients?`)) {
+                if (
+                  confirm(`Send document out to ${props?.document?.Recipient?.length} recipients?`)
+                ) {
                 }
               }}>
               Prepare to Send

apps/web/pages/documents/[id]/recipients.tsx

@@ -105,7 +105,9 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
               }}
               disabled={
                 (formValues.length || 0) === 0 ||
-                !formValues.some((r: any) => r.email && !hasEmailError(r) && r.sendStatus === "NOT_SENT") ||
+                !formValues.some(
+                  (r: any) => r.email && !hasEmailError(r) && r.sendStatus === "NOT_SENT"
+                ) ||
                 loading
               }>
               Send
@@ -115,7 +117,9 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
         <div className="mt-10 overflow-hidden rounded-md bg-white p-4 shadow sm:p-6">
           <div className="border-b border-gray-200 pb-3 sm:pb-5">
             <h3 className="text-lg font-medium leading-6 text-gray-900 ">Signers</h3>
-            <p className="mt-2 max-w-4xl text-sm text-gray-500">The people who will sign the document.</p>
+            <p className="mt-2 max-w-4xl text-sm text-gray-500">
+              The people who will sign the document.
+            </p>
           </div>
           <FormProvider {...form}>
             <form
@@ -124,7 +128,9 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
               }}>
               <ul role="list" className="divide-y divide-gray-200">
                 {fields.map((item: any, index: number) => (
-                  <li key={index} className="group w-full border-0 px-2 py-3 hover:bg-green-50 sm:py-4">
+                  <li
+                    key={index}
+                    className="group w-full border-0 px-2 py-3 hover:bg-green-50 sm:py-4">
                     <div id="container" className="block w-full lg:flex lg:justify-between">
                       <div className="block space-y-2 md:flex md:space-x-2 md:space-y-0">
                         <div

apps/web/pages/documents/[id]/sign.tsx

@@ -22,8 +22,8 @@ const SignPage: NextPageWithLayout = (props: any) => {
             <h1 className="text-neon inline align-middle text-base font-medium">Time flies.</h1>
             <p className="mt-2 text-4xl font-bold tracking-tight">This signing link is expired.</p>
             <p className="mt-2 text-base text-gray-500">
-              Please ask {props.document.User.name ? `${props.document.User.name}` : `the sender`} to resend
-              it.
+              Please ask {props.document.User.name ? `${props.document.User.name}` : `the sender`}{" "}
+              to resend it.
             </p>
             <div className="mx-auto w-fit pt-20 text-xl"></div>
           </div>

apps/web/pages/documents/[id]/signed.tsx

@@ -8,7 +8,9 @@ import { ArrowDownTrayIcon, CheckBadgeIcon } from "@heroicons/react/24/outline";
 
 const Signed: NextPageWithLayout = (props: any) => {
   const router = useRouter();
-  const allRecipientsSigned = props.document.Recipient?.every((r: any) => r.signingStatus === "SIGNED");
+  const allRecipientsSigned = props.document.Recipient?.every(
+    (r: any) => r.signingStatus === "SIGNED"
+  );
 
   return (
     <>
@@ -18,7 +20,9 @@ const Signed: NextPageWithLayout = (props: any) => {
       <div className="mx-auto w-fit px-4 py-16 sm:px-6 sm:py-24 lg:px-8">
         <CheckBadgeIcon className="text-neon mr-1 inline w-10"></CheckBadgeIcon>
         <h1 className="text-neon inline align-middle text-base font-medium">It's done!</h1>
-        <p className="mt-2 text-4xl font-bold tracking-tight">You signed "{props.document.title}"</p>
+        <p className="mt-2 text-4xl font-bold tracking-tight">
+          You signed "{props.document.title}"
+        </p>
         <p className="mt-2 max-w-sm text-base text-gray-500" hidden={allRecipientsSigned}>
           You will be notfied when all recipients have signed.
         </p>
@@ -32,7 +36,9 @@ const Signed: NextPageWithLayout = (props: any) => {
             onClick={(event: any) => {
               event.preventDefault();
               event.stopPropagation();
-              router.push("/api/documents/" + props.document.id + "?token=" + props.recipient.token);
+              router.push(
+                "/api/documents/" + props.document.id + "?token=" + props.recipient.token
+              );
             }}>
             Download "{props.document.title}"
           </Button>