chore: refactor stacked avatars into component

packages/lib/client-only/recipient-initials.ts

@@ -0,0 +1,6 @@
+export const initials = (text: string) =>
+  text
+    ?.split(' ')
+    .map((name: string) => name.slice(0, 1).toUpperCase())
+    .slice(0, 2)
+    .join('') ?? 'UK';

packages/lib/client-only/recipient-type.ts

@@ -0,0 +1,8 @@
+import { Recipient } from '@documenso/prisma/client';
+
+export const type = (recipient: Recipient) =>
+  recipient.sendStatus === 'SENT' && recipient.signingStatus === 'SIGNED'
+    ? 'completed'
+    : recipient.sendStatus === 'SENT' && recipient.signingStatus === 'NOT_SIGNED'
+    ? 'waiting'
+    : 'unsigned';