feat: certificate qrcode (#1755)

Adds document access tokens and QR code functionality to enable secure
document sharing via URLs. It includes a new document access page that
allows viewing and downloading documents through tokenized links.

apps/remix/app/routes/_share+/share.$slug.tsx

@@ -0,0 +1,93 @@
+import { redirect, useLoaderData } from 'react-router';
+
+import { NEXT_PUBLIC_WEBAPP_URL } from '@documenso/lib/constants/app';
+import { getDocumentByAccessToken } from '@documenso/lib/server-only/document/get-document-by-access-token';
+
+import { DocumentCertificateQRView } from '~/components/general/document/document-certificate-qr-view';
+
+import type { Route } from './+types/share.$slug';
+
+export function meta({ params: { slug } }: Route.MetaArgs) {
+  if (slug.startsWith('qr_')) {
+    return undefined;
+  }
+
+  return [
+    { title: 'Documenso - Share' },
+    { description: 'I just signed a document in style with Documenso!' },
+    {
+      property: 'og:title',
+      content: 'Documenso - Join the open source signing revolution',
+    },
+    {
+      property: 'og:description',
+      content: 'I just signed with Documenso!',
+    },
+    {
+      property: 'og:type',
+      content: 'website',
+    },
+    {
+      property: 'og:image',
+      content: `${NEXT_PUBLIC_WEBAPP_URL()}/share/${slug}/opengraph`,
+    },
+    {
+      name: 'twitter:site',
+      content: '@documenso',
+    },
+    {
+      name: 'twitter:card',
+      content: 'summary_large_image',
+    },
+    {
+      name: 'twitter:image',
+      content: `${NEXT_PUBLIC_WEBAPP_URL()}/share/${slug}/opengraph`,
+    },
+    {
+      name: 'twitter:description',
+      content: 'I just signed with Documenso!',
+    },
+  ];
+}
+
+export const loader = async ({ request, params: { slug } }: Route.LoaderArgs) => {
+  if (slug.startsWith('qr_')) {
+    const document = await getDocumentByAccessToken({ token: slug });
+
+    if (!document) {
+      throw redirect('/');
+    }
+
+    return {
+      document,
+    };
+  }
+
+  const userAgent = request.headers.get('User-Agent') ?? '';
+
+  if (/bot|facebookexternalhit|WhatsApp|google|bing|duckduckbot|MetaInspector/i.test(userAgent)) {
+    return {};
+  }
+
+  // Is hardcoded because this whole meta is hardcoded anyway for Documenso.
+  throw redirect('https://documenso.com');
+};
+
+export default function SharePage() {
+  const { document } = useLoaderData<typeof loader>();
+
+  if (document) {
+    return (
+      <DocumentCertificateQRView
+        documentId={document.id}
+        title={document.title}
+        documentData={document.documentData}
+        password={document.documentMeta?.password}
+        recipientCount={document.recipients?.length ?? 0}
+        completedDate={document.completedAt ?? undefined}
+      />
+    );
+  }
+
+  return <div></div>;
+}