[feature] connect web LC to light client p2p network

[robin-rrt]

The current implementation of the Web LC is standalone and does not connect to Avail's light client p2p network.

Look at the implementation of libp2p on avail-light

The scope would be to connect the web LC to the p2p network and display some indicator of it on front end.

[1010adigupta]

good to go!, thanks

[KevinMB0220]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have experience in all the languages ​​used in the issue, so it would be easier for me to achieve it.

How I plan on tackling this issue

To connect the Web LC to the Avail light client's p2p network, I would first integrate libp2p into the Web LC, using the implementation found in the Avail light client as a reference. The next step would involve setting up the necessary peer configurations and protocols to establish a stable connection to the network. Once the connection is in place, I would create a frontend component that monitors the p2p connection status, updating a visual indicator to reflect whether the Web LC is connected or disconnected. Finally, I would conduct thorough testing to ensure that the connection works reliably and that the frontend accurately reflects the connection status in various scenarios.

[Deepakraja03]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a full-stack web3 dev with knowledge in Solidity and Move for the smart contract and just started in Cairo. I am proficient in ReactJS and NextJS with typescript and javascript. Now I am learning AWS and would like to earn for the skills I possess.

How I plan on tackling this issue

I would analyse both the frontend and backend of it to check it for the features it has and explore the backend. With this I will have a rough idea about what I can do with what I have and approach to connect the LC to the p2p network to display some indicators of it on the frontend. After proper analyzation it just as integrating the backend function with the frontend

[ALEXUSCR-27]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a software engineer with experience in different languages and full-stack development.

How I plan on tackling this issue

To connect Web LC to the Avail Light client's p2p network, I would start by integrating libp2p into Web LC keeping in mind the implementation on the avail-light client. Once the connection is configured, I would develop a visual indicator to show if Web LC is connected.