Add mutual exclusion for navbar dropdown menus

Signed-off-by: Kaushik <kaushikrjpm10@gmail.com>

Author: Kaushik-Kumar-CEG

dejacode/static/js/navbar_menu_toggle.js

@@ -0,0 +1,33 @@
+/*
+#
+# Copyright (c) nexB Inc. and others. All rights reserved.
+# DejaCode is a trademark of nexB Inc.
+# SPDX-License-Identifier: AGPL-3.0-only
+# See https://github.com/aboutcode-org/dejacode for support or download.
+# See https://aboutcode.org for more information about AboutCode FOSS projects.
+#
+*/
+
+// Mutual exclusion for DejaCode dropdown and Hamburger menu
+document.addEventListener('DOMContentLoaded', function() {
+  const dejaCodeDropdown = document.querySelector('.navbar-brand .dropdown-toggle');
+  const hamburgerCollapse = document.getElementById('navbarCollapse');
+  
+  if (dejaCodeDropdown && hamburgerCollapse) {
+    // When DejaCode dropdown opens, close hamburger
+    dejaCodeDropdown.addEventListener('show.bs.dropdown', function() {
+      const bsCollapse = bootstrap.Collapse.getInstance(hamburgerCollapse);
+      if (bsCollapse) {
+        bsCollapse.hide();
+      }
+    });
+    
+    // When hamburger opens, close DejaCode dropdown
+    hamburgerCollapse.addEventListener('show.bs.collapse', function() {
+      const bsDropdown = bootstrap.Dropdown.getInstance(dejaCodeDropdown);
+      if (bsDropdown) {
+        bsDropdown.hide();
+      }
+    });
+  }
+});

dje/templates/includes/navbar_header.html

@@ -143,4 +143,5 @@
     {% endblock %}
   {% endif %}
 </nav>
+<script src="{% static 'js/navbar_menu_toggle.js' %}"></script>
 {% include 'includes/search_help_modal.html' %}