Implemented hover submenüs

app/templates/moduls/base.html.j2

@@ -39,7 +39,7 @@
         <!-- Include modal -->
         {% include "moduls/modal.html.j2" %}
         <script src="{{ url_for('static', filename='js/dynamic-modal.js') }}"></script>
-        <script src="{{ url_for('static', filename='js/close-submenus.js') }}"></script>
+        <script src="{{ url_for('static', filename='js/submenus.js') }}"></script>
         <script src="{{ url_for('static', filename='js/tooltip.js') }}"></script>
     </body>
 </html>

app/templates/moduls/navigation.html.j2

@@ -2,11 +2,11 @@
 {% macro render_subitems(subitems) %}
     {% for subitem in subitems %}
         {% if subitem.subitems %}
-            <li class="dropdown-submenu">
-                <a class="dropdown-item dropdown-toggle" href="#" id="submenu-{{ loop.index }}" data-bs-toggle="collapse" data-bs-target="#submenu-content-{{menu_type}}-{{ loop.index }}" aria-expanded="false" title="{{ subitem.description }}">
+            <li class="dropdown-submenu position-relative">
+                <a class="dropdown-item dropdown-toggle" href="#" title="{{ subitem.description }}">
                     <i class="{{ subitem.icon.class }}"></i> {{ subitem.name }}
                 </a>
-                <ul class="dropdown-menu collapse" id="submenu-content-{{menu_type}}-{{ loop.index }}">
+                <ul class="dropdown-menu">
                     {{ render_subitems(subitem.subitems) }}
                 </ul>
             </li>
@@ -30,7 +30,6 @@
     {% endfor %}
 {% endmacro %}
 
-
  <!-- Navigation Bar -->
 <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <div class="container-fluid">