Improved Generate Room ID Algorithm. Minor UI improvements

Author: polius

src/index.html

@@ -188,7 +188,7 @@ <h2 class="fw-normal" style="margin:0; font-size: calc(1.2rem + 0.3vw)">Send fil
               <div class="row">
                 <div class="col col-1-3"></div>
                 <div class="col col-2-3">
-                  USERS
+                  Users
                   <span id="transfer-users-count" style="font-size: 14px"> (0)</span>
                 </div>
                 <div class="col col-3-3" style="text-align: right">
@@ -219,7 +219,7 @@ <h2 class="fw-normal" style="margin:0; font-size: calc(1.2rem + 0.3vw)">Send fil
               <div class="row">
                 <div class="col col-1-3"></div>
                 <div class="col col-2-3">
-                  FILES
+                  Files
                   <span id="transfer-files-count" style="font-size: 14px"> (0)</span>
                 </div>
                 <div class="col col-3-3" style="text-align: right">
@@ -411,7 +411,7 @@ <h5 style="color: var(--color-h1); margin:0">
 
         <!-- FOOTER -->
         <div id="footer" class="mx-auto pt-4 text-md-center">
-          <p class="fw-normal" style="font-size:14px; margin:0;">This platform uses end-to-end encryption to ensure your data is protected from unauthorized access, and only authorized users can access the content.</p>
+          <p class="fw-normal" style="font-size:14px; margin:0;">This platform uses end-to-end encryption to ensure your data is protected from unauthorized access.</p>
         </div>
       </div>
     </div>

src/js/script.js

@@ -298,9 +298,14 @@ function parseBytes(bytes) {
 
 // Function to generate a random string in the format XXX-XXXX-XXX.
 function generateRoomID() {
-  const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
-  const generateRandomString = (length) => Array.from({length}, () => characters.charAt(Math.floor(Math.random() * characters.length))).join('');
-  return [3, 4, 3].map(length => generateRandomString(length)).join('-');
+  const length = 10
+  const alphabet = 'abcdefghijklmnopqrstuvwxyz';
+  const random = crypto.getRandomValues(new Uint8Array(length));
+  let room_id = "";
+  for (let i = 0; i < length; i++) {
+    room_id += alphabet[alphabet.length & random[i]];
+  }
+  return `${room_id.slice(0, 3)}-${room_id.slice(3, 7)}-${room_id.slice(7, 10)}`;
 }
 
 // On document loaded, execute onLoad() method.