feat : comment feature

components/admin/editor-presence.tsx

@@ -2,6 +2,7 @@
 
 import { UsersIcon } from "lucide-react";
 
+import { AdminUnreadBadge } from "@/components/comments/admin-unread-comments";
 import { Badge } from "@/components/ui/badge";
 import { useAdminPresence } from "@/hooks/use-presence";
 
@@ -9,6 +10,7 @@ export function EditorPresence({ guideId, section }: { guideId: string; section:
   const presence = useAdminPresence(guideId, section);
   const editors = presence?.editorsByGuide[guideId] ?? [];
   return (
+    <div className="flex flex-col items-end gap-1">
     <div className="flex flex-wrap items-center gap-1" aria-live="polite">
       <Badge variant="secondary">
         <UsersIcon data-icon="inline-start" />
@@ -21,5 +23,7 @@ export function EditorPresence({ guideId, section }: { guideId: string; section:
         </Badge>
       ))}
     </div>
+    <AdminUnreadBadge target={`guide:${guideId}`} />
+    </div>
   );
 }