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/dashboard/components/widgets/modal/ConfirmationModal.vue

@@ -0,0 +1,65 @@
+<script>
+import Modal from '../../Modal.vue';
+import NextButton from 'dashboard/components-next/button/Button.vue';
+
+export default {
+  components: {
+    Modal,
+    NextButton,
+  },
+  props: {
+    title: {
+      type: String,
+      default: 'This is a title',
+    },
+    description: {
+      type: String,
+      default: 'This is your description',
+    },
+    confirmLabel: {
+      type: String,
+      default: 'Yes',
+    },
+    cancelLabel: {
+      type: String,
+      default: 'No',
+    },
+  },
+  data: () => ({
+    show: false,
+    resolvePromise: undefined,
+    rejectPromise: undefined,
+  }),
+
+  methods: {
+    showConfirmation() {
+      this.show = true;
+      return new Promise((resolve, reject) => {
+        this.resolvePromise = resolve;
+        this.rejectPromise = reject;
+      });
+    },
+    confirm() {
+      this.resolvePromise(true);
+      this.show = false;
+    },
+
+    cancel() {
+      this.resolvePromise(false);
+      this.show = false;
+    },
+  },
+};
+</script>
+
+<template>
+  <Modal v-model:show="show" :on-close="cancel">
+    <div class="h-auto overflow-auto flex flex-col">
+      <woot-modal-header :header-title="title" :header-content="description" />
+      <div class="flex flex-row justify-end gap-2 py-4 px-6 w-full">
+        <NextButton faded type="reset" :label="cancelLabel" @click="cancel" />
+        <NextButton type="submit" :label="confirmLabel" @click="confirm" />
+      </div>
+    </div>
+  </Modal>
+</template>