feat: enhance session management with sharing capabilities, real-time event synchronization, and UI updates for session display

src/components/ui/Badge.tsx

@@ -1,6 +1,6 @@
 import { HTMLAttributes, forwardRef } from 'react';
 
-type BadgeVariant =
+export type BadgeVariant =
   | 'default'
   | 'primary'
   | 'strength'
@@ -9,7 +9,8 @@ type BadgeVariant =
   | 'threat'
   | 'success'
   | 'warning'
-  | 'destructive';
+  | 'destructive'
+  | 'accent';
 
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
   variant?: BadgeVariant;
@@ -25,6 +26,7 @@ const variantStyles: Record<BadgeVariant, string> = {
   success: 'bg-success/10 text-success border-success/20',
   warning: 'bg-warning/10 text-warning border-warning/20',
   destructive: 'bg-destructive/10 text-destructive border-destructive/20',
+  accent: 'bg-accent/10 text-accent border-accent/20',
 };
 
 export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(