updates on the ui design and desing updates

src/pages/nearle/dispatch/Dispatch.css

@@ -75,16 +75,17 @@
 }
 
 .dispatch-container .logo-badge {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  background: linear-gradient(135deg, #3A3A3A, #2563eb);
+  width: 44px;
+  height: 44px;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-weight: 800;
-  font-size: 14px;
-  color: #fff;
+}
+
+.dispatch-container .logo-badge-img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
 
 .dispatch-container .logo-name {
@@ -1902,21 +1903,6 @@
   margin-bottom: 12px;
 }
 
-.dispatch-container .kitchen-mark {
-  background: #f59e0b;
-  color: #fff;
-  width: 34px;
-  height: 34px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 800;
-  font-size: 14px;
-  border: 3px solid #fff;
-  box-shadow: 0 0 20px rgba(245, 158, 11, 0.6), 0 0 40px rgba(245, 158, 11, 0.3);
-}
-
 .dispatch-container .rcard-info {
   flex: 1;
 }
@@ -4945,6 +4931,12 @@
 
 /* Markers - styled as clean flags natively in Dispatch.js */
 
+/* Colour + shape only. createKitchenIcon() in Dispatch.js pins
+   width/height/font-size/border-width/box-shadow inline on every render, so
+   the size values below are never what actually paints — the marker is a fixed
+   31px (38px focused) at every zoom level. Change the size there, not here.
+   (A second, conflicting .kitchen-mark rule used to sit ~3000 lines earlier in
+   this file and was silently overridden by this one. It has been removed.) */
 .dispatch-container .kitchen-mark {
   background: var(--kitchen);
   border: 3px solid #fff;
@@ -6814,10 +6806,8 @@
   }
 
   .dispatch-container .logo-badge {
-    width: 28px;
-    height: 28px;
-    font-size: 13px;
-    border-radius: 6px;
+    width: 38px;
+    height: 38px;
   }
 
   .dispatch-container .logo {