chore: Sync colors from dashboard to tailwind config (#5656)

app/javascript/dashboard/components/layout/sidebarComponents/SecondaryNavItem.vue

@@ -321,7 +321,7 @@ export default {
 .beta {
   padding-right: var(--space-smaller) !important;
   padding-left: var(--space-smaller) !important;
-  margin-left: var(--space-half) !important;
+  margin-left: var(--space-smaller) !important;
   display: inline-block;
   font-size: var(--font-size-micro);
   font-weight: var(--font-weight-medium);

app/javascript/dashboard/components/widgets/conversation/MessagesView.vue

@@ -434,7 +434,7 @@ export default {
 
       &::before {
         transform: rotate(0deg);
-        left: var(--space-half);
+        left: var(--space-smaller);
         bottom: var(--space-minus-slab);
       }
     }

app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue

@@ -970,7 +970,7 @@ export default {
 
   &::before {
     transform: rotate(0deg);
-    left: var(--space-half);
+    left: var(--space-smaller);
     bottom: var(--space-minus-slab);
   }
 }

app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/Index.vue

@@ -181,7 +181,7 @@ export default {
   color: var(--y-700);
   font-size: var(--font-size-mini);
   margin-top: var(--space-small);
-  padding: var(--space-half) var(--space-one);
+  padding: var(--space-smaller) var(--space-small);
 }
 
 .popover-animation-enter-active,