updated html

app/templates/base.html

@@ -19,6 +19,28 @@
   <script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
   {% endblock %}
 
+  <script>
+    function toggleCourseSwitcher(btn) {
+      const root    = document.getElementById(btn.dataset.csRoot);
+      const menu    = document.getElementById(btn.dataset.csMenu);
+      const chevron = document.getElementById(btn.dataset.csChevron);
+      const isOpen  = !menu.classList.contains('hidden');
+
+      menu.classList.toggle('hidden', isOpen);
+      chevron.style.transform = isOpen ? '' : 'rotate(180deg)';
+
+      if (!isOpen) {
+        document.addEventListener('click', function handler(e) {
+          if (!root.contains(e.target)) {
+            menu.classList.add('hidden');
+            chevron.style.transform = '';
+            document.removeEventListener('click', handler);
+          }
+        });
+      }
+    }
+  </script>
+
   {% block scripts_extra %}{% endblock %}
 </body>
 </html>