Add modal for station key selection, support for reusable keys, and improved error handling for broadcasting/receiving audio

index.html

@@ -67,6 +67,27 @@
     </div>
   </div>
 
+  <!-- Create Station Modal -->
+<div class="modal fade" id="createStationModal" tabindex="-1" aria-labelledby="createStationModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content bg-dark text-light">
+      <div class="modal-header">
+        <h5 class="modal-title" id="createStationModalLabel">Create Station</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p>Generate a new station ID or use an existing ID?</p>
+        <button id="generate-new-key" class="btn btn-primary mt-2">Generate New Key</button>
+        <input type="text" id="existing-key" class="form-control mt-3" placeholder="You may manually enter an ID here">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+        <button type="button" class="btn btn-primary" id="create-station-button">Create Station</button>
+      </div>
+    </div>
+  </div>
+</div>
+
   <!-- Bootstrap JavaScript Bundle (includes Popper) -->
   <script src="./assets/bootstrap.bundle.min.js"></script>
   <script type="module" src="app.js"></script>