Implemented header and footer menu

app/static/css/default.css

@@ -68,10 +68,16 @@ h3.footer-title{
 
 .dropdown-submenu {
   position: relative;
+  list-style: none;
 }
 
 .dropdown-submenu > .dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -0.5rem;
+}
+
+.navbar-nav {
+  padding: 0;
+  margin: 0;
 }

app/static/js/dynamic-modal.js

@@ -0,0 +1,18 @@
+function openDynamicPopup(subitem) {
+    // Set modal title and content
+    document.getElementById('dynamicModalLabel').innerText = subitem.description;
+    const modalContent = document.getElementById('dynamicModalContent');
+    modalContent.value = subitem.address;
+
+    // Add copy functionality
+    document.getElementById('dynamicCopyButton').addEventListener('click', function () {
+      modalContent.select();
+      navigator.clipboard.writeText(modalContent.value)
+        .then(() => alert('Content copied to clipboard!'))
+        .catch(() => alert('Failed to copy content.'));
+    });
+
+    // Show the modal
+    const modal = new bootstrap.Modal(document.getElementById('dynamicModal'));
+    modal.show();
+  }