Enhance override modal functionality and visibility in UI

Author: MrAlders0n

content/wardrive.js

@@ -5262,6 +5262,7 @@ export async function onLoad() {
       const modal = document.getElementById("overrideModal");
       if (modal) {
         modal.classList.remove("hidden");
+        modal.style.display = "flex";
       }
     });
   }
@@ -5307,6 +5308,7 @@ export async function onLoad() {
     overrideModalCancel.addEventListener("click", () => {
       debugLog("[UI] Override canceled via custom modal");
       overrideModal.classList.add("hidden");
+      overrideModal.style.display = "none";
     });
   }
 
@@ -5316,6 +5318,7 @@ export async function onLoad() {
       if (e.target === overrideModal) {
         debugLog("[UI] Override modal closed via backdrop click");
         overrideModal.classList.add("hidden");
+        overrideModal.style.display = "none";
       }
     });
   }

index.html

@@ -350,9 +350,16 @@ <h2 class="text-sm font-medium text-slate-300">Notes</h2>
 
     </div>
   </main>
+ 
+  <!-- Load main script -->
+  <script type="module" src="content/wardrive.js"></script>
+  <script type="module">
+    import { onLoad } from './content/wardrive.js';
+    onLoad();
+  </script>
 
   <!-- Override Confirmation Modal -->
-  <div id="overrideModal" class="hidden fixed inset-0 z-50 flex items-center justify-center p-4" style="background-color: rgba(0, 0, 0, 0.7);">
+  <div id="overrideModal" class="hidden fixed inset-0 flex items-center justify-center p-4" style="background-color: rgba(0, 0, 0, 0.7); z-index: 9999;">
     <div class="bg-slate-800 border border-slate-700 rounded-xl shadow-2xl max-w-sm w-full transform transition-all">
       <div class="px-6 py-4 border-b border-slate-700">
         <h3 class="text-lg font-medium text-slate-200">Override Auto-Configuration?</h3>
@@ -371,12 +378,5 @@ <h3 class="text-lg font-medium text-slate-200">Override Auto-Configuration?</h3>
       </div>
     </div>
   </div>
- 
-  <!-- Load main script -->
-  <script type="module" src="content/wardrive.js"></script>
-  <script type="module">
-    import { onLoad } from './content/wardrive.js';
-    onLoad();
-  </script>
 </body>
 </html>