fix: split collaboration request controllers

oudelaa_dashboard/app/(dashboard)/messages/page.tsx

@@ -97,6 +97,36 @@ export default function MessagesPage() {
         subtitle="A consolidated view of message-related alerts, mentions, and recent comments."
       />
 
+      <section className="grid gap-4 md:grid-cols-3">
+        <Card>
+          <CardHeader>
+            <CardTitle>Socket namespace</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2 text-sm text-muted-foreground">
+            <Badge variant="success">Socket.IO</Badge>
+            <div dir="ltr" className="font-mono">/chat</div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Message event</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2 text-sm text-muted-foreground">
+            <Badge variant="muted">new_message</Badge>
+            <div>REST and socket sends broadcast to conversation rooms.</div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Room pattern</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2 text-sm text-muted-foreground">
+            <Badge variant="muted">conversation:ID</Badge>
+            <div>Flutter should join when opening a chat and leave when closing it.</div>
+          </CardContent>
+        </Card>
+      </section>
+
       <section className="grid gap-4 xl:grid-cols-12">
         {canReadNotifications ? (
           <Card className={canModerateContent ? "xl:col-span-5" : "xl:col-span-12"}>