fix(web): enforce single brand icon asset

apps/web_v1/src/App.css

@@ -113,23 +113,17 @@
   gap: 16px;
 }
 
-.brand-symbol {
+.brand-icon {
   width: 32px;
   height: 32px;
-  display: grid;
-  place-items: center;
-  border-radius: 8px;
-  background: var(--senlin-primary);
-  color: white;
-  font-weight: 800;
-  font-size: 18px;
+  display: block;
+  flex: 0 0 32px;
 }
 
-.brand-lockup.large .brand-symbol {
+.brand-lockup.large .brand-icon {
   width: 46px;
   height: 46px;
-  border-radius: 12px;
-  font-size: 24px;
+  flex-basis: 46px;
 }
 
 .brand-name {
@@ -332,6 +326,25 @@
   width: 48px;
 }
 
+.rail-brand {
+  width: 48px;
+  height: 48px;
+  min-width: 48px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  cursor: pointer;
+}
+
+.rail-brand .brand-icon {
+  width: 32px;
+  height: 32px;
+  flex-basis: auto;
+}
+
 .dashboard-button,
 .create-project {
   width: 48px !important;