refactor: enhance navigation structure in Main.php by improving template usage and updating CSS for better layout and alignment

emhttp/plugins/dynamix/styles/default-base.css

@@ -447,7 +447,7 @@ div.title.shift {
 .nav-tile {
     height: 4rem;
     line-height: 4rem;
-    display: block;
+    display: flex;
     padding: 0;
     margin: 0;
     font-size: 1.2rem;
@@ -463,11 +463,13 @@ div.title.shift {
 }
 .nav-tile.right {
     text-align: right;
+    justify-content: flex-end;
 }
 .nav-item,
 .nav-user {
     position: relative;
-    display: inline-block;
+    display: flex;
+    align-items: center;
     text-align: center;
     margin: 0;
 }