🚀 feat: implement logs streaming for pods

[naineel1209]

closes #555

📑 Description

[BE]

• Implemented streaming logs of pod continuously to the client using SSE.
• Utilized previously coded SSE implementation and made channels to stream the logs to the FE.

[FE]

• Changed logs state to store array of strings to easily manage logs by using logs.join("\n").
• Implemented logStream function which streams the logs and sets it in the state.
• Handled scenario when no logs are available, container tabs are changed and when the log modal is cancelled or OKed.
• Introduced a new logsSignalController state to be passed to the logStream function to handle the SSE connection scenarios i.e. close the connection via signal when modal is closed, close the current connection via signal and make a new signal for the new connection when the container tab is changed.

Streamed Logs Demo + No more events fired after the modal is closed:
https://github.com/user-attachments/assets/1f3f5fdf-102d-4697-9188-002092279098

✅ Checks

• [✅] I have tested my code (provide screenshots or screen recordings of a working solution)
• [✅] I have performed a self-review of my code

ℹ Additional context

[petar-cvit]

@naineel1209 thanks for the PR! Looks awesome 🧡

Left some comments on code structure

[petar-cvit]

@naineel1209, I tried testing it and noticed that when I fetch the logs, those are streamed as expected, but when the window with my Cyclops is not in focus or I change the tab in my browser, it stops the connection and refetches all the logs again. This results in duplicated logs.

Could Abort controller be at fault? To be honest if its the root cause we can remove it, but could you look into it?

[naineel1209]

Hi @petar-cvit, I examined the issue, and it was happening due to the default behaviour of the @microsoft/fetch-event-source library, which closes the SSE events when the document is not visible. This caused our request to close as soon as the tab's visibility changed and restart when the tab was in focus again, resulting in fetching the latest 100 logs and streaming the new logs while our old logs were already present.

I have resolved this issue by setting the openWhenHidden flag to true, which keeps the SSE connection open when the tab's visibility changes.