diff --git a/layouts/default.vue b/layouts/default.vue
index a1992e5..afda7b4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -30,7 +30,7 @@
 
 
     </UContainer>
-    <footer class="absolute bottom-0 ">
+    <footer class="fixed bottom-0 w-full ">
 
         <div>
             <NuxtLink to="https://github.com/floki1250" target="_blank">
diff --git a/package.json b/package.json
index 6bdf93b..87bb8c4 100644
--- a/package.json
+++ b/package.json
@@ -20,16 +20,12 @@
     "@iconify-json/solar": "^1.1.9",
     "@nuxtjs/color-mode": "^3.3.2",
     "@vueuse/nuxt": "^10.9.0",
-    "downloadjs": "^1.4.7",
     "peer": "^1.0.2",
     "peerjs": "^1.5.2",
-    "peerjs-server": "^0.2.9",
     "qr-scanner": "^1.4.2",
     "qrcode": "^1",
-    "randombytes": "^2.1.0",
     "simple-peer": "^9.11.1",
     "unique-names-generator": "^4.7.1",
-    "vue-webrtc": "^3.0.1",
     "webrtc": "^1.14.1"
   }
 }
diff --git a/pages/Receive.vue b/pages/Receive.vue
index 527f052..6500099 100644
--- a/pages/Receive.vue
+++ b/pages/Receive.vue
@@ -1,51 +1,193 @@
 <template>
   <div>
-    <h2>
-      Receiver
-      <p>{{ characterName }}</p>
-      <img :src="qrcode" alt="QR Code" v-if="qrcode" />
-      <UButton @click="handleFileDownload" v-if="receivedFile">Download : {{ receivedFile.name }}</UButton>
-      <p class="text-gray-500 flex flex-wrap w-40">{{ receivedFile }}</p>
-      <hr />
-      <p v-if="messageReceived">{{ messageReceived }}</p>
-    </h2>
-    <hr />
+    <div
+      class="dark:bg-black/70 bg-white/50 transition-all ease-in-out duration-500 border border-gray-100 dark:border-gray-900 hover:dark:border-gray-600 hover:border-gray-300 h-full m-4 rounded-lg backdrop-blur-lg awesome-shadow dark:shadow-lg p-4">
+
+      <div class="flex justify-between">
+        <div>
+          <UBreadcrumb :links="[
+            {
+              label: 'Home',
+              icon: 'i-heroicons-home',
+              to: '/',
+            },
+            {
+              label: 'Receive',
+              icon: 'i-line-md-telegram',
+            },
+          ]"> <template #divider>
+              <span class="w-8 h-1 rounded-full bg-gray-100 dark:bg-gray-700" />
+            </template></UBreadcrumb>
+          <br />
+          <h1 class="text-3xl text-bold reem-kufi dark:text-white text-black/70">sender</h1>
+          <p class="reem-kufi text-gray-500">I'm {{ characterName }}</p>
+          <UDivider class="my-4" />
+          <UInput color="white" variant="outline" type="text" v-model="sender" placeholder="Sender" />
+        </div>
+        <div>
+          <img :src="qrcode" alt="QR Code" v-if="qrcode"
+            :class="$colorMode.value === 'dark' ? 'filter invert' : 'filter '" />
+        </div>
+      </div>
+    </div>
+    <div v-show="true"
+      class="dark:bg-black/70 bg-white/50 transition-all ease-in-out duration-500 border border-gray-100 dark:border-gray-900 hover:dark:border-gray-600 hover:border-gray-300 h-full m-4 rounded-lg backdrop-blur-lg awesome-shadow dark:shadow-lg p-4">
+      <div ref="chatContainer" class="flex flex-col h-40 overflow-y-scroll p-4">
+        <div v-for="  message   in   messages  " :key="message.id" class="m-1">
+          <div v-if="message.sender === 'me'" class="flex justify-end">
+            <div class="bg-teal-400 text-white px-4 py-2 rounded-full rounded-br-none">
+              {{ message.content }}
+            </div>
+          </div>
+          <div v-else class="flex justify-start">
+            <div class="bg-rose-400 text-white px-4 py-2 rounded-full rounded-bl-none">
+              {{ message.content }}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex">
+        <UModal v-model="showFileTransfer">
+          <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
+            <template #header>
+              <div class="flex items-center justify-between">
+                <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
+                  File Transfer
+                </h3>
+              </div>
+            </template>
+            <div class="flex justify-center flex-col">
+              <div class="p-2">
+                <UInput type="file" @change="handleFileChange" class="transition-all ease-in-out duration-500" />
+              </div>
+              <div>
+                <UButtonGroup size="sm" orientation="horizontal" class="w-full p-2">
+                  <UButton @click="handleSendFile" icon="i-solar-paperclip-bold-duotone" color="primary" variant="solid"
+                    :loading="sendingFile">Send File via P2P</UButton>
+                  <UButton @click="handleSendFile" icon="i-solar-cloud-bold-duotone" color="violet" variant="solid"
+                    :loading="sendingFile">Send File Via Cloud</UButton>
+                </UButtonGroup>
+              </div>
+            </div>
+          </UCard>
+        </UModal>
+        <UButtonGroup size="sm" orientation="horizontal" class="w-full">
+          <UButton icon="i-solar-paperclip-bold-duotone" color="primary" variant="soft"
+            @click="showFileTransfer = !showFileTransfer" />
+          <UInput color="white" variant="outline" type="text" v-model="messageToSend" class="flex-grow w-full"
+            placeholder="Type a message..." />
+          <UButton @click="sendMessage" icon="i-line-md-telegram" color="primary" variant="soft">
+          </UButton>
+        </UButtonGroup>
+      </div>
+    </div>
+
   </div>
 </template>
 
 <script setup>
 import { useQRCode } from "@vueuse/integrations/useQRCode";
-
-import { ref, onMounted } from "vue";
+import { ref } from "vue";
 import Peer from "peerjs";
 import { uniqueNamesGenerator, starWars, adjectives } from "unique-names-generator";
-
+const colorMode = useColorMode();
+const chatContainer = ref(null);
 const characterName = uniqueNamesGenerator({
   dictionaries: [adjectives, starWars],
 }).replace(/\s/g, "");
-let qrcode = useQRCode(characterName);
-const messageReceived = ref("");
-const myPeer = new Peer(characterName, {});
+
+const messages = ref([]);
+const messageToSend = ref("");
 const receivedFile = ref(null);
+const sender = ref("");
+const myPeer = new Peer(characterName, {});
 
 const chunkSize = 16 * 1024;
+const showFileTransfer = ref(false);
+const file = ref(null);
+let qrcode = useQRCode(characterName);
+const sendingFile = ref(false);
+const handleFileChange = (event) => {
+  file.value = event.target.files[0];
+
+};
+const handleSendFile = async () => {
+  sendingFile.value = true;
+  if (!file.value) {
+    return;
+  }
+  const reader = new FileReader();
+  reader.readAsArrayBuffer(file.value);
+  reader.onload = () => {
+    const fileData = {
+      name: file.value.name, // Send file name for download
+      type: file.value.type, // Send file type for appropriate handling
+      size: file.value.size, // Send file size for progress tracking
+      chunks: [], // Array to store chunked data
+    };
+    for (let i = 0; i < reader.result.byteLength; i += chunkSize) {
+      const chunk = reader.result.slice(i, i + chunkSize);
+      fileData.chunks.push(chunk);
+    }
+    sendFile(fileData);
+  };
+};
+
+
+
+
+
+
+const sendMessage = () => {
+  const conn = myPeer.connect(sender.value);
+  conn.on("open", async () => {
+    conn.send({ dt: { id: characterName, message: messageToSend.value } });
+    await messages.value.push({
+      id: Math.random(),
+      sender: "me",
+      content: messageToSend.value,
+    });
+    messageToSend.value = "";
+    scrollToBottom();
+  });
+};
+const sendFile = (data) => {
+  console.log("Sending file", data);
+  const conn = myPeer.connect(sender.value);
+  conn.on("open", async () => {
+    conn.send({ dt: { id: characterName, message: data } });
+    await messages.value.push({
+      id: Math.random(),
+      sender: "me",
+      content: `📎 ${file.value.name} 📎`,
+    });
+    sendingFile.value = false;
+    scrollToBottom();
+  });
+};
+function scrollToBottom () {
+  chatContainer.value.scroll(0, chatContainer.value.scrollHeight + 50);
+}
 onMounted(() => {
   myPeer.on("connection", (conn) => {
-    conn.on("data", (data) => {
-      if (typeof data === "string") {
-        messageReceived.value = data;
+    conn.on("data", async (data) => {
+      console.log("Received data", typeof data.dt.message, data);
+      sender.value = data.dt.id;
+      if (typeof data.dt.message === "string") {
+        await messages.value.push({ id: Math.random(), sender: "other", content: data.dt.message });
       } else {
-        receivedFile.value = data;
-      }
-
-      if (
-        receivedFile.value.chunks.length ===
-        Math.ceil(receivedFile.value.size / chunkSize)
-      ) {
-        handleFileDownload();
+        receivedFile.value = data.dt.message;
+        await messages.value.push({ id: Math.random(), sender: "other", content: data.dt.message.name });
+        if (
+          receivedFile.value.chunks.length ===
+          Math.ceil(receivedFile.value.size / chunkSize)
+        ) {
+          handleFileDownload();
+        }
       }
     });
   });
+  scrollToBottom();
 });
 async function handleFileDownload () {
   const blob = new Blob(receivedFile.value.chunks, {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1bab983..83a8266 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,36 +17,24 @@ dependencies:
   '@vueuse/nuxt':
     specifier: ^10.9.0
     version: 10.9.0(nuxt@3.11.1)(vue@3.4.21)
-  downloadjs:
-    specifier: ^1.4.7
-    version: 1.4.7
   peer:
     specifier: ^1.0.2
     version: 1.0.2
   peerjs:
     specifier: ^1.5.2
     version: 1.5.2
-  peerjs-server:
-    specifier: ^0.2.9
-    version: 0.2.9
   qr-scanner:
     specifier: ^1.4.2
     version: 1.4.2
   qrcode:
     specifier: ^1
     version: 1.5.3
-  randombytes:
-    specifier: ^2.1.0
-    version: 2.1.0
   simple-peer:
     specifier: ^9.11.1
     version: 9.11.1
   unique-names-generator:
     specifier: ^4.7.1
     version: 4.7.1
-  vue-webrtc:
-    specifier: ^3.0.1
-    version: 3.0.1
   webrtc:
     specifier: ^1.14.1
     version: 1.14.1
@@ -1674,10 +1662,6 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  /@socket.io/component-emitter@3.1.0:
-    resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==}
-    dev: false
-
   /@tailwindcss/aspect-ratio@0.4.2(tailwindcss@3.4.1):
     resolution: {integrity: sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==}
     peerDependencies:
@@ -2356,21 +2340,6 @@ packages:
   /b4a@1.6.6:
     resolution: {integrity: sha512-5Tk1HLk6b6ctmjIkAcU/Ujv/1WqiDl0F0JdRCR80VsOcUlHcu7pWeWRlOqQLHfDEsVx9YH/aif5AG4ehoCtTmg==}
 
-  /babel-polyfill@6.26.0:
-    resolution: {integrity: sha512-F2rZGQnAdaHWQ8YAoeRbukc7HS9QgdgeyJ0rQDd485v9opwuPvjpPFcOOT/WmkKTdgy9ESgSPXDcTNpzrGr6iQ==}
-    dependencies:
-      babel-runtime: 6.26.0
-      core-js: 2.6.12
-      regenerator-runtime: 0.10.5
-    dev: false
-
-  /babel-runtime@6.26.0:
-    resolution: {integrity: sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==}
-    dependencies:
-      core-js: 2.6.12
-      regenerator-runtime: 0.11.1
-    dev: false
-
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -2457,14 +2426,6 @@ packages:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  /bufferutil@4.0.8:
-    resolution: {integrity: sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==}
-    engines: {node: '>=6.14.2'}
-    requiresBuild: true
-    dependencies:
-      node-gyp-build: 4.8.0
-    dev: false
-
   /builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -2796,17 +2757,6 @@ packages:
       keygrip: 1.1.0
     dev: true
 
-  /core-js@2.6.12:
-    resolution: {integrity: sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==}
-    deprecated: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
-    requiresBuild: true
-    dev: false
-
-  /core-js@3.36.1:
-    resolution: {integrity: sha512-BTvUrwxVBezj5SZ3f10ImnX2oRByMxql3EimVqMysepbC9EeMUOpLwdy6Eoili2x6E4kf+ZUB5k/+Jv55alPfA==}
-    requiresBuild: true
-    dev: false
-
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
@@ -2979,11 +2929,6 @@ packages:
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  /cuid@2.1.8:
-    resolution: {integrity: sha512-xiEMER6E7TlTPnDxrM4eRiC6TRgjNX9xzEZ5U/Se2YJKr7Mq4pJn/2XEHjl3STcSh96GmkHPcBXLES8M29wyyg==}
-    deprecated: Cuid and other k-sortable and non-cryptographic ids (Ulid, ObjectId, KSUID, all UUIDs) are all insecure. Use @paralleldrive/cuid2 instead.
-    dev: false
-
   /data-uri-to-buffer@4.0.1:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}
@@ -3110,10 +3055,6 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
-  /detect-node@2.1.0:
-    resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
-    dev: false
-
   /devalue@4.3.2:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
 
@@ -3165,10 +3106,6 @@ packages:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
 
-  /downloadjs@1.4.7:
-    resolution: {integrity: sha512-LN1gO7+u9xjU5oEScGFKvXhYf7Y/empUIIEAGBs1LzUq/rg5duiDrkuH5A2lQGd5jfMOb9X9usDa2oVXwJ0U/Q==}
-    dev: false
-
   /duplexer@0.1.2:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
 
@@ -3201,25 +3138,6 @@ packages:
       iconv-lite: 0.6.3
     optional: true
 
-  /engine.io-client@6.5.3(bufferutil@4.0.8)(utf-8-validate@5.0.10):
-    resolution: {integrity: sha512-9Z0qLB0NIisTRt1DZ/8U2k12RJn8yls/nXMZLn+/N8hANT3TcYjKFKcwbw5zFQiN4NTde3TSY9zb79e1ij6j9Q==}
-    dependencies:
-      '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4
-      engine.io-parser: 5.2.2
-      ws: 8.11.0(bufferutil@4.0.8)(utf-8-validate@5.0.10)
-      xmlhttprequest-ssl: 2.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: false
-
-  /engine.io-parser@5.2.2:
-    resolution: {integrity: sha512-RcyUFKA93/CXH20l4SoVvzZfrSDMOTUS3bWVpTt2FuFP+XYrL8i8oonHP7WInRyVHXh0n/ORtoeiE1os+8qkSw==}
-    engines: {node: '>=10.0.0'}
-    dev: false
-
   /enhanced-resolve@5.16.0:
     resolution: {integrity: sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==}
     engines: {node: '>=10.13.0'}
@@ -3763,10 +3681,6 @@ packages:
     transitivePeerDependencies:
       - uWebSockets.js
 
-  /handle-thing@1.2.5:
-    resolution: {integrity: sha512-Ld9EYcBflMUF6SsJLGDADVH50jSzLNIUUrOFlFGK/zwqimATg9+wY4jsLWCR7DZSxt2BfK0+liHUMdoR11bjLg==}
-    dev: false
-
   /hark@1.2.3:
     resolution: {integrity: sha512-u68vz9SCa38ESiFJSDjqK8XbXqWzyot7Cj6Y2b6jk2NJ+II3MY2dIrLMg/kjtIAun4Y1DHF/20hfx4rq1G5GMg==}
     dependencies:
@@ -3833,15 +3747,6 @@ packages:
     dependencies:
       lru-cache: 10.2.0
 
-  /hpack.js@2.1.6:
-    resolution: {integrity: sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==}
-    dependencies:
-      inherits: 2.0.4
-      obuf: 1.1.2
-      readable-stream: 2.3.8
-      wbuf: 1.7.3
-    dev: false
-
   /html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
@@ -3857,10 +3762,6 @@ packages:
   /http-cache-semantics@4.1.1:
     resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
 
-  /http-deceiver@1.2.7:
-    resolution: {integrity: sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==}
-    dev: false
-
   /http-errors@1.6.3:
     resolution: {integrity: sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==}
     engines: {node: '>= 0.6'}
@@ -4661,10 +4562,6 @@ packages:
     hasBin: true
     dev: true
 
-  /minimalistic-assert@1.0.1:
-    resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
-    dev: false
-
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -4682,10 +4579,6 @@ packages:
     dependencies:
       brace-expansion: 2.0.1
 
-  /minimist@0.0.10:
-    resolution: {integrity: sha512-iotkTvxc+TwOm5Ieim8VnSNvCDjCK9S8G3scJ50ZthspSxa7jx50jkhYduuAtAjvfDUwSgOwf8+If99AlOEhyw==}
-    dev: false
-
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
     dev: true
@@ -4800,18 +4693,6 @@ packages:
       thenify-all: 1.6.0
     dev: true
 
-  /nanoassert@1.1.0:
-    resolution: {integrity: sha512-C40jQ3NzfkP53NsO8kEOFd79p4b9kDXQMwgiY1z8ZwrDZgUyom0AHwGegF4Dm99L+YoYhuaB0ceerUcXmqr1rQ==}
-    dev: false
-
-  /nanobus@4.5.0:
-    resolution: {integrity: sha512-7sBZo9wthqNJ7QXnfVXZL7fkKJLN55GLOdX+RyZT34UOvxxnFtJe/c7K0ZRLAKOvaY1xJThFFn0Usw2H9R6Frg==}
-    dependencies:
-      nanoassert: 1.1.0
-      nanotiming: 7.3.1
-      remove-array-items: 1.1.1
-    dev: false
-
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -4822,19 +4703,6 @@ packages:
     engines: {node: ^14 || ^16 || >=18}
     hasBin: true
 
-  /nanoscheduler@1.0.3:
-    resolution: {integrity: sha512-jBbrF3qdU9321r8n9X7yu18DjP31Do2ItJm3mWrt90wJTrnDO+HXpoV7ftaUglAtjgj9s+OaCxGufbvx6pvbEQ==}
-    dependencies:
-      nanoassert: 1.1.0
-    dev: false
-
-  /nanotiming@7.3.1:
-    resolution: {integrity: sha512-l3lC7v/PfOuRWQa8vV29Jo6TG10wHtnthLElFXs4Te4Aas57Fo4n1Q8LH9n+NDh9riOzTVvb2QNBhTS4JUKNjw==}
-    dependencies:
-      nanoassert: 1.1.0
-      nanoscheduler: 1.0.3
-    dev: false
-
   /napi-wasm@1.1.0:
     resolution: {integrity: sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==}
 
@@ -5275,10 +5143,6 @@ packages:
     resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
     dev: false
 
-  /obuf@1.1.2:
-    resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
-    dev: false
-
   /ofetch@1.3.3:
     resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
     dependencies:
@@ -5353,18 +5217,6 @@ packages:
       undici: 5.28.3
       yargs-parser: 21.1.1
 
-  /optimist@0.6.1:
-    resolution: {integrity: sha512-snN4O4TkigujZphWLN0E//nQmm7790RYaE53DdL7ZYwee2D8DDo9/EyYiKUfN3rneWUjhJnueija3G9I2i0h3g==}
-    dependencies:
-      minimist: 0.0.10
-      wordwrap: 0.0.3
-    dev: false
-
-  /options@0.0.6:
-    resolution: {integrity: sha512-bOj3L1ypm++N+n7CEbbe473A414AB7z+amKYshRb//iuL3MpdDCLhPnw6aVTdKB9g5ZRVHIEp8eUln6L2NUStg==}
-    engines: {node: '>=0.4.0'}
-    dev: false
-
   /p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
@@ -5520,23 +5372,6 @@ packages:
     engines: {node: '>= 14.0.0'}
     dev: false
 
-  /peerjs-server@0.2.9:
-    resolution: {integrity: sha512-jh8NcqdDbjqp4dl0bLax984Vw6IfjMYkDhkdyeTuQBqsUJK76Rh4TvSUJkLKHpsDcfUce0qheEWyXlKh/26cpw==}
-    engines: {node: '>=0.8'}
-    hasBin: true
-    dependencies:
-      body-parser: 1.20.2
-      cors: 2.8.5
-      express: 4.18.3
-      optimist: 0.6.1
-      spdy: 3.4.7
-      ws: 1.1.5
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: false
-
   /peerjs@1.5.2:
     resolution: {integrity: sha512-pPrtNwPyWJHRPxy2y+rHcdlrG8UwUBB1nl+3Yj6r7FLwcbBpcB2NvGNvLvcrxAVGGGX9fsdA5VT5zBKTZcm1DQ==}
     engines: {node: '>= 14'}
@@ -6124,22 +5959,10 @@ packages:
     dependencies:
       redis-errors: 1.2.0
 
-  /regenerator-runtime@0.10.5:
-    resolution: {integrity: sha512-02YopEIhAgiBHWeoTiA8aitHDt8z6w+rQqNuIftlM+ZtvSl/brTouaU7DW6GO/cHtvxJvS4Hwv2ibKdxIRi24w==}
-    dev: false
-
-  /regenerator-runtime@0.11.1:
-    resolution: {integrity: sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==}
-    dev: false
-
   /regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
     dev: true
 
-  /remove-array-items@1.1.1:
-    resolution: {integrity: sha512-MXW/jtHyl5F1PZI7NbpS8SOtympdLuF20aoWJT5lELR1p/HJDd5nqW8Eu9uLh/hCRY3FgvrIT5AwDCgBODklcA==}
-    dev: false
-
   /replace-in-file@6.3.5:
     resolution: {integrity: sha512-arB9d3ENdKva2fxRnSjwBEXfK1npgyci7ZZuwysgAp7ORjHSyxz6oqIjTEv8R0Ydl4Ll7uOAZXL4vbkhGIizCg==}
     engines: {node: '>=10'}
@@ -6289,10 +6112,6 @@ packages:
     resolution: {integrity: sha512-d7wDPgDV3DDiqulJjKiV2865wKsJ34YI+NDREbm+FySq6WuKOikwyNQcm+doLAZ1O6ltdO0SeKle2xMpN3Brgw==}
     dev: false
 
-  /select-hose@2.0.0:
-    resolution: {integrity: sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==}
-    dev: false
-
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -6441,18 +6260,6 @@ packages:
       - supports-color
     dev: false
 
-  /simple-signal-client@3.0.0:
-    resolution: {integrity: sha512-eiqR8S+2i1squkIVKx4IgEyGe7do/soMb2Lt06gJov281sLl3USyIn1fKAg/hzcIvevOpuH1BmzFZ6BSugFZsQ==}
-    dependencies:
-      babel-polyfill: 6.26.0
-      cuid: 2.1.8
-      inherits: 2.0.4
-      nanobus: 4.5.0
-      simple-peer: 9.11.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
   /sirv@2.0.4:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
@@ -6479,30 +6286,6 @@ packages:
   /smob@1.4.1:
     resolution: {integrity: sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==}
 
-  /socket.io-client@4.7.5(bufferutil@4.0.8)(utf-8-validate@5.0.10):
-    resolution: {integrity: sha512-sJ/tqHOCe7Z50JCBCXrsY3I2k03iOiUe+tj1OmKeD2lXPiGH/RUCdTZFoqVyN7l1MnpIzPrGtLcijffmeouNlQ==}
-    engines: {node: '>=10.0.0'}
-    dependencies:
-      '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4
-      engine.io-client: 6.5.3(bufferutil@4.0.8)(utf-8-validate@5.0.10)
-      socket.io-parser: 4.2.4
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: false
-
-  /socket.io-parser@4.2.4:
-    resolution: {integrity: sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==}
-    engines: {node: '>=10.0.0'}
-    dependencies:
-      '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
   /socks-proxy-agent@8.0.2:
     resolution: {integrity: sha512-8zuqoLv1aP/66PHF5TqwJ7Czm3Yv32urJQHrVyhD7mmA6d61Zv8cIXQYPTWwmg6qlupnPvs/QKDmfa4P/qct2g==}
     engines: {node: '>= 14'}
@@ -6556,34 +6339,6 @@ packages:
   /spdx-license-ids@3.0.17:
     resolution: {integrity: sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==}
 
-  /spdy-transport@2.1.1:
-    resolution: {integrity: sha512-q7D8c148escoB3Z7ySCASadkegMmUZW8Wb/Q1u0/XBgDKMO880rLQDj8Twiew/tYi7ghemKUi/whSYOwE17f5Q==}
-    dependencies:
-      debug: 2.6.9
-      detect-node: 2.1.0
-      hpack.js: 2.1.6
-      obuf: 1.1.2
-      readable-stream: 2.3.8
-      safe-buffer: 5.2.1
-      wbuf: 1.7.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  /spdy@3.4.7:
-    resolution: {integrity: sha512-jEvgkLRpMza5GON0oDzvLTLMAVfB5BxeOPbsWyisEyE8IbxL6cCiKbr8xrJdScs6XoOUp7pQy4PI+GVczHbO4w==}
-    engines: {'0': node >= 0.7.0}
-    dependencies:
-      debug: 2.6.9
-      handle-thing: 1.2.5
-      http-deceiver: 1.2.7
-      safe-buffer: 5.2.1
-      select-hose: 2.0.0
-      spdy-transport: 2.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
   /sprintf-js@1.1.3:
     resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
 
@@ -6910,10 +6665,6 @@ packages:
   /ultrahtml@1.5.3:
     resolution: {integrity: sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==}
 
-  /ultron@1.0.2:
-    resolution: {integrity: sha512-QMpnpVtYaWEeY+MwKDN/UdKlE/LsFZXM5lO1u7GaZzNgmIbGixHEmVMIKT+vqYOALu3m5GYQy9kz4Xu4IVn7Ow==}
-    dev: false
-
   /uncrypto@0.1.3:
     resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
 
@@ -7141,14 +6892,6 @@ packages:
   /urlpattern-polyfill@8.0.2:
     resolution: {integrity: sha512-Qp95D4TPJl1kC9SKigDcqgyM2VDVO4RiJc2d4qe5GrYm+zbIQCWWKAFaJNQ4BhdFeDGwBmAxqJBwWSJDb9T3BQ==}
 
-  /utf-8-validate@5.0.10:
-    resolution: {integrity: sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==}
-    engines: {node: '>=6.14.2'}
-    requiresBuild: true
-    dependencies:
-      node-gyp-build: 4.8.0
-    dev: false
-
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -7382,21 +7125,6 @@ packages:
       '@vue/devtools-api': 6.6.1
       vue: 3.4.21
 
-  /vue-webrtc@3.0.1:
-    resolution: {integrity: sha512-Wm5QAyuPhQVYHU8RLhGnD6ocaQVxatfYqoIUHF9Fq/Cer19dA7fSiZO+q4Q+XwvN40M4f8STaZRhF1A/rKfeVg==}
-    engines: {node: '>=12'}
-    dependencies:
-      bufferutil: 4.0.8
-      core-js: 3.36.1
-      simple-signal-client: 3.0.0
-      socket.io-client: 4.7.5(bufferutil@4.0.8)(utf-8-validate@5.0.10)
-      utf-8-validate: 5.0.10
-      vue: 3.4.21
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: false
-
   /vue@3.4.21:
     resolution: {integrity: sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==}
     peerDependencies:
@@ -7411,12 +7139,6 @@ packages:
       '@vue/server-renderer': 3.4.21(vue@3.4.21)
       '@vue/shared': 3.4.21
 
-  /wbuf@1.7.3:
-    resolution: {integrity: sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==}
-    dependencies:
-      minimalistic-assert: 1.0.1
-    dev: false
-
   /web-streams-polyfill@3.3.3:
     resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
     engines: {node: '>= 8'}
@@ -7515,11 +7237,6 @@ packages:
     resolution: {integrity: sha512-UMmSUoIQSir+XbBpTxOTS53uJ8s/lVhADCkEbhfRjUGFDPme/XGOb0sBWLx5sTz7Wx/2+TlAw1eK9O5lw5PiEw==}
     dev: false
 
-  /wordwrap@0.0.3:
-    resolution: {integrity: sha512-1tMA907+V4QmxV7dbRvb4/8MaRALK6q9Abid3ndMYnbyo8piisCmeONVqVSXqQA3KaP4SLt5b7ud6E2sqP8TFw==}
-    engines: {node: '>=0.4.0'}
-    dev: false
-
   /wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
@@ -7547,37 +7264,6 @@ packages:
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  /ws@1.1.5:
-    resolution: {integrity: sha512-o3KqipXNUdS7wpQzBHSe180lBGO60SoK0yVo3CYJgb2MkobuWuBX6dhkYP5ORCLd55y+SaflMOV5fqAB53ux4w==}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: ^5.0.2
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-    dependencies:
-      options: 0.0.6
-      ultron: 1.0.2
-    dev: false
-
-  /ws@8.11.0(bufferutil@4.0.8)(utf-8-validate@5.0.10):
-    resolution: {integrity: sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: ^5.0.2
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-    dependencies:
-      bufferutil: 4.0.8
-      utf-8-validate: 5.0.10
-    dev: false
-
   /ws@8.16.0:
     resolution: {integrity: sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==}
     engines: {node: '>=10.0.0'}
@@ -7590,11 +7276,6 @@ packages:
       utf-8-validate:
         optional: true
 
-  /xmlhttprequest-ssl@2.0.0:
-    resolution: {integrity: sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==}
-    engines: {node: '>=0.4.0'}
-    dev: false
-
   /y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}