feat(Root): Add P2P sockets to allow collaborative sessions

[tomimelo]

Features:

• [x] See changes in real time
• [x] Set your display name
• [x] Generate random name
• [x] Create sessions
• [x] Join sessions via link
• [x] Join sessions via ID
• [x] Color assignment to participants
• [x] Kick participants (session owner)
• [x] See participant's remote selection
• [ ] See participant's remote cursor (Disabled due to styles bug. Need investigation)
• [x] Streamer mode. Let you hide the session ID from your screen

Preview:

Notes: This feature is based on Live Share extension for Visual Studio Code. I use the following repos to take examples (I don't want to get in a trouble like nanocolors):

• https://github.com/eberlitz/eb-editor
• https://github.com/convergencelabs/javascript-examples/tree/master/src/examples/monaco

I disabled the tooltip in remote cursor due to a style bug. Inspecting the html generated in repos examples I notice that there was elements not rendering correctly (e.g: a ::before element). I don't know if this is related to vite building process. This needs investigation.

The code block <script>var parcelRequire; </script> in index.html was added to fix an error with peerjs Uncaught ReferenceError: parcelRequire is not defined. This was the only workaround I found at the moment

closes https://github.com/midudev/codi.link/issues/6

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/midudev-pro/codi-link/ASXCSQY4nUuiU6g4HB5JEfsSJk4H
✅ Preview: https://codi-link-git-fork-tomimelo-add-collab-session-midudev-pro.vercel.app

[dartilesm]

@tomimelo Excellent work, that functionality is spectacular. I can't wait to see what codi.link will be in the future.

Congratulations🥳🥳

[javigaralva]

This is absolute amazing. Well done 👏 👏 👏

[tomimelo]

Thank you all!