Single-line member rows + purple umbral name

- Flatten member row to strict single line: avatar | name | umbral name (violet) | pending badge | permission toggle | controls
- Umbral name shown in text-violet-400 for visual differentiation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/calendar/CalendarMemberRow.tsx

@@ -35,17 +35,15 @@ export default function CalendarMemberRow({
         <span className="text-sm text-violet-400 font-medium">{initial}</span>
       </div>
 
-      <div className="min-w-0 flex-1">
+      <div className="flex items-center gap-2 min-w-0 flex-1 truncate">
-        <div className="flex items-center gap-2">
+        <span className="text-sm font-medium truncate">{displayName}</span>
-          <span className="text-sm font-medium truncate">{displayName}</span>
-          {member.status === 'pending' && (
-            <span className="text-[9px] px-1.5 py-0.5 rounded-full bg-orange-500/10 text-orange-400 font-medium">
-              Pending
-            </span>
-          )}
-        </div>
         {member.preferred_name && (
-          <span className="text-xs text-muted-foreground">{member.umbral_name}</span>
+          <span className="text-xs text-violet-400 truncate shrink-0">{member.umbral_name}</span>
+        )}
+        {member.status === 'pending' && (
+          <span className="text-[9px] px-1.5 py-0.5 rounded-full bg-orange-500/10 text-orange-400 font-medium shrink-0">
+            Pending
+          </span>
         )}
       </div>