Add printable guest sign studio and refine event imagery

apps/web/src/components/backend-shell.tsx

@@ -31,6 +31,7 @@ export function BackendShell({ children, area, groups, activeGroupId }: {
   const activeItem = activeNavigationItem(workspaces, pathname);
   const activeWorkspace = workspaces.find((workspace) => workspace.items.includes(activeItem!)) ?? workspaces[0]!;
   const activeGroup = groups.find((group) => group.id === activeGroupId) ?? groups[0];
+  const signEventId = pathname.match(/^\/dashboard\/events\/([^/]+)\/sign$/)?.[1];
   return (
     <div className="min-h-[calc(100dvh-4rem)] bg-background">
       <DoubleSidebarNavigation key={area} workspaces={workspaces} activeItem={activeItem}
@@ -42,7 +43,7 @@ export function BackendShell({ children, area, groups, activeGroupId }: {
             <Link href={area === "platform" ? "/admin" : "/dashboard"} className="hover:text-foreground">{applicationLabel}</Link>
             <ChevronRight aria-hidden="true" className="size-3" />
             <span>{activeWorkspace.label}</span>
-            {activeItem && activeItem.label !== activeWorkspace.label ? <><ChevronRight aria-hidden="true" className="size-3" /><span>{activeItem.label}</span></> : null}
+            {signEventId ? <><ChevronRight aria-hidden="true" className="size-3" /><Link href={`/dashboard/events/${signEventId}`} className="hover:text-foreground">Event</Link><ChevronRight aria-hidden="true" className="size-3" /><span aria-current="page">Guest sign</span></> : activeItem && activeItem.label !== activeWorkspace.label ? <><ChevronRight aria-hidden="true" className="size-3" /><span>{activeItem.label}</span></> : null}
           </nav>
           {children}
         </div>