Initial commit: Add logistics and order_detail message types

- Add Logistics component with progress tracking
- Add OrderDetail component for order information
- Support data-driven steps and actions
- Add blue color scale to widget SCSS
- Fix node overflow and progress bar rendering issues
- Add English translations for dashboard components

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/javascript/shared/components/Button.vue

@@ -0,0 +1,59 @@
+<script>
+export default {
+  props: {
+    block: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: String,
+      default: 'blue',
+    },
+    bgColor: {
+      type: String,
+      default: '',
+    },
+    textColor: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    buttonClassName() {
+      let className =
+        'text-white py-3 px-4 rounded-lg shadow-sm leading-4 cursor-pointer disabled:opacity-50';
+      if (this.type === 'clear') {
+        className = 'flex mx-auto mt-4 text-xs leading-3 w-auto text-n-gray-12';
+      }
+
+      if (this.type === 'blue' && !Object.keys(this.buttonStyles).length) {
+        className = `${className} bg-n-brand hover:brightness-110`;
+      }
+      if (this.block) {
+        className = `${className} w-full`;
+      }
+      return className;
+    },
+    buttonStyles() {
+      const styles = {};
+      if (this.bgColor) {
+        styles.backgroundColor = this.bgColor;
+      }
+      if (this.textColor) {
+        styles.color = this.textColor;
+      }
+      return styles;
+    },
+  },
+};
+</script>
+
+<template>
+  <button :class="buttonClassName" :style="buttonStyles" :disabled="disabled">
+    <slot />
+  </button>
+</template>