Merge pull request 'fix: Size brand-logo as fixed square for 1:1 logo aspect ratio' (#19) from feat/header-logo-and-title-gradient into master

Reviewed-on: #19

client/src/App.css

@@ -36,12 +36,15 @@
   color: var(--primary-light);
 }
 
-/* Custom logo image sizing */
+/* Square logo: fixed equal width/height to match a 1:1 image */
 .brand-logo {
+  width: 2.5rem;
   height: 2.5rem;
-  width: auto;
   object-fit: contain;
+  object-position: center;
   display: block;
+  border-radius: 4px;
+  flex-shrink: 0;
 }
 
 .brand-icon {
@@ -108,7 +111,9 @@
     font-size: 1.25rem;
   }
   
+  /* Scale square logo down on mobile */
   .brand-logo {
+    width: 2rem;
     height: 2rem;
   }