⭐ feat: Migrate from WebSocket to libp2p for peer-to-peer connectivity (#286)

## Description
Whew, some stuff is still not re-implemented, but it's working!

Rabbit's gonna explode with the amount of changes I reckon 😅



<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced a peer-to-peer relay system using libp2p with enhanced
stream forwarding, room state synchronization, and mDNS peer discovery.
- Added decentralized room and participant management, metrics
publishing, and safe, size-limited, concurrent message streaming with
robust framing and callback dispatching.
- Implemented asynchronous, callback-driven message handling over custom
libp2p streams replacing WebSocket signaling.
- **Improvements**
- Migrated signaling and stream protocols from WebSocket to libp2p,
improving reliability and scalability.
- Simplified configuration and environment variables, removing
deprecated flags and adding persistent data support.
- Enhanced logging, error handling, and connection management for better
observability and robustness.
- Refined RTP header extension registration and NAT IP handling for
improved WebRTC performance.
- **Bug Fixes**
- Improved ICE candidate buffering and SDP negotiation in WebRTC
connections.
  - Fixed NAT IP and UDP port range configuration issues.
- **Refactor**
- Modularized codebase, reorganized relay and server logic, and removed
deprecated WebSocket-based components.
- Streamlined message structures, removed obsolete enums and message
types, and simplified SafeMap concurrency.
- Replaced WebSocket signaling with libp2p stream protocols in server
and relay components.
- **Chores**
- Updated and cleaned dependencies across Go, Rust, and JavaScript
packages.
  - Added `.gitignore` for persistent data directory in relay package.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: DatCaptainHorse <DatCaptainHorse@users.noreply.github.com>
Co-authored-by: Philipp Neumann <3daquawolf@gmail.com>

apps/www/src/routes/(play)/play/[id]/index.tsx

@@ -72,7 +72,7 @@ export default component$(() => {
   });
 
   const lockPlay = $(async () => {
-    if (!canvas.value || !playState.hasStream) return;
+    if (!canvas.value || !playState.hasStream || playState.nestriLock) return;
 
     try {
       await canvas.value.requestPointerLock();
@@ -156,18 +156,22 @@ export default component$(() => {
     });
   });
 
-
   // eslint-disable-next-line qwik/no-use-visible-task
   useVisibleTask$(({ track }) => {
     track(() => canvas.value);
     if (!canvas.value) return; // Ensure canvas is available
+    // Get query parameter "peerURL" from the URL
+    let peerURL = new URLSearchParams(window.location.search).get("peerURL");
+    if (!peerURL || peerURL.length <= 0) {
+      peerURL = "/dnsaddr/relay.dathorse.com/p2p/12D3KooWPK4v5wKYNYx9oXWjqLM8Xix6nm13o91j1Feqq98fLBsw";
+    }
 
     setupPointerLockListener();
     try {
       if (!playState.video) {
-        playState.video = document.createElement("video") as HTMLVideoElement
+        playState.video = document.createElement("video") as HTMLVideoElement;
         playState.video.style.visibility = "hidden";
-        playState.webrtc = noSerialize(new WebRTCStream("https://relay.dathorse.com", id, async (mediaStream) => {
+        playState.webrtc = noSerialize(new WebRTCStream(peerURL, id, async (mediaStream) => {
           if (playState.video && mediaStream && playState.video.srcObject === null) {
             console.log("Setting mediastream");
             playState.video.srcObject = mediaStream;