fix(ui): force left-align on admin sidebar menu via inline style

The compiled CSS bundle doesn't pick up the flexcontainer.css change.
Use inline style with !important on the menu container to override
Fomantic UI's default center alignment.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

templates/admin/navbar.tmpl

@@ -1,5 +1,5 @@
 <div class="flex-container-nav">
-	<div class="ui fluid vertical menu">
+	<div class="ui fluid vertical menu" style="text-align: left !important;">
 		<div class="header item">{{ctx.Locale.Tr "admin.settings"}}</div>
 
 		<details class="item toggleable-item" {{if or .PageIsAdminDashboard .PageIsAdminSelfCheck}}open{{end}}>

web_src/css/shared/settings.css

@@ -9,8 +9,8 @@ details.toggleable-item .menu {
 
 details.toggleable-item summary {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  gap: 0.5em;
   padding: 0.92857143em 1.14285714em;
 }
 
@@ -20,7 +20,6 @@ details.toggleable-item summary::-webkit-details-marker /* Safari */ {
 }
 
 details.toggleable-item summary::after {
-  margin-left: auto;
   transition: transform 0.25s ease;
   content: "";
   width: 14px;
@@ -36,8 +35,3 @@ details.toggleable-item summary::after {
 details.toggleable-item[open] summary::after {
   transform: rotate(90deg);
 }
-
-.flex-container-nav .ui.menu .item {
-  text-align: left !important;
-  justify-content: flex-start !important;
-}