Fix: navbar brand anchor size + Safari position jitter (#13810)

src-ui/src/app/components/app-frame/app-frame.component.scss

@@ -362,6 +362,7 @@ main {
   }
 
   ::ng-deep .navbar-official-logo {
+    will-change: filter; // Safari repaints the whole navbar on filter change without this
     filter: drop-shadow(0 1px 2px rgba(var(--pngx-navbar-brand-shadow-rgb), .3));
     transition: filter .15s ease-in-out;
 
@@ -438,8 +439,9 @@ main {
 
 // true center the search with equal flex widths
 @media (min-width: 768px) {
-  .navbar-brand,
+  .navbar-brand-container,
   .navbar > ul {
+    display: flex; // so the brand link stays as wide as its contents
     flex: 1 1 0;
   }
 
@@ -488,6 +490,7 @@ main {
     text-align: left;
   }
 
+  .navbar-brand-container,
   .navbar-brand {
     grid-area: brand;
     min-width: 0;