fix(web): keep sidebar brand text intact, stack topbar entries below

reaction_board/web/static/style.css

@@ -113,7 +113,7 @@ h1, h2, h3, p { margin: 0; }
   box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent);
 }
 .brand-text { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
-.brand-text strong { font-size: 15px; letter-spacing: 0.2px; }
+.brand-text strong { font-size: 15px; letter-spacing: 0.2px; white-space: nowrap; }
 .brand-text small { color: var(--muted); font-size: 11px; white-space: nowrap; }
 .topbar-hint {
   flex: 0 0 auto;
@@ -144,9 +144,8 @@ h1, h2, h3, p { margin: 0; }
 }
 .sidebar-topbar {
   display: none;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
+  flex-direction: column;
+  align-items: flex-start;
   gap: 8px;
   width: 100%;
   padding: 0 4px 12px;