bump CSS and JS library versions to 5.4.12; enhance dropdown accessibility in user menu

Author: marioserrano09

sources/src/main/resources/web/templates/dynamical/views/index.zul

@@ -30,10 +30,10 @@
 <?meta name="skin" content="${appTemplate.skin.id}"?>
 <?link rel="manifest" href="/manifest.json"?>
 
-<?link href="${contextPath}/static/css/adminlte.min.css?v=5.4.1" rel="stylesheet" type="text/css"?>
-<?link href="${contextPath}/static/css/skins/dynamical-${appTemplate.skin.id}.css?v=5.4.1" rel="stylesheet" type="text/css"?>
-<?link href="${contextPath}/static/css/dynamical.css?v=5.4.1" rel="stylesheet" type="text/css"?>
-<?link href="${contextPath}/static/css/dynamical-mobile.css?v=5.4.1" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/adminlte.min.css?v=5.4.12" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/skins/dynamical-${appTemplate.skin.id}.css?v=5.4.12" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/dynamical.css?v=5.4.12" rel="stylesheet" type="text/css"?>
+<?link href="${contextPath}/static/css/dynamical-mobile.css?v=5.4.12" rel="stylesheet" type="text/css"?>
 <?link href="${contextPath}/static/fonts/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"?>
 
 <?link rel="shortcut icon" href="${contextPath}/static/favicon.ico"?>
@@ -42,11 +42,12 @@
 <?link rel="icon" type="image/png" sizes="16x16" href="${contextPath}/static/favicon-16x16.png"?>
 
 
-<?script src="${contextPath}/static/js/adminlte.min.js?v=5.4.1"?>
-<?script src="${contextPath}/static/js/dynamical.js?v=5.4.1"?>
+<?script src="${contextPath}/static/js/popper.min.js?v=5.4.12"?>
+<?script src="${contextPath}/static/js/bootstrap.min.js?v=5.4.12"?>
+<?script src="${contextPath}/static/js/adminlte.min.js?v=5.4.12"?>
+<?script src="${contextPath}/static/js/dynamical.js?v=5.4.12"?>
 
-
-<zk>
+<zk >
     <import src="classpath:/zk/dynamical/index-main.zul"/>
 
 

sources/src/main/resources/zk/dynamical/index-main.zul

@@ -43,9 +43,10 @@
                         </a>
                     </li>
 
+                    <!-- User Account: style can be found in dropdown.less -->
                     <z:zk if="${userInfo.enabled}">
                         <li class="nav-item dropdown user-menu">
-                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
+                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                 <img src="${userInfo.image}" class="user-image shadow"/>
                                 <span class="d-none d-md-inline">${userInfo.fullName}</span>
                             </a>