fix: Keep the conencted robots in a global list

ref: N25B-142

src/pages/ConnectedRobots/ConnectedRobots.tsx

@@ -8,15 +8,22 @@ type Robot = {
   port: number;
 };
 
-export default function ConnectedRobots() {
-  const [connectedRobots, setConnectedRobots] = useState<Robot[]>([]);
+// Define the expected arguments
+type ConnectedRobotsProps = {
+  connectedRobots: Robot[];
+  setConnectedRobots: React.Dispatch<React.SetStateAction<Robot[]>>;
+};
 
+export default function ConnectedRobots({
+  connectedRobots, setConnectedRobots}: ConnectedRobotsProps) {
+  
   useEffect(() => {
     const eventSource = new EventSource("http://localhost:8000/sse");
     eventSource.onmessage = (event) => {
       try {
+        console.log("message received :", event.data)
         const data = JSON.parse(event.data);
-
+        
         // Example: data = { event: "robot_connected", id: "pepper_robot1", name: "Pepper", port: 1234 }
         if (data.event === "robot_connected") {