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/conversation/OnboardingFeatureCard.vue

@@ -0,0 +1,56 @@
+<script setup>
+defineProps({
+  imageSrc: {
+    type: String,
+    default: '',
+  },
+  imageAlt: {
+    type: String,
+    default: '',
+  },
+  title: {
+    type: String,
+    default: '',
+  },
+  description: {
+    type: String,
+    default: '',
+  },
+  to: {
+    type: String,
+    default: '',
+  },
+  linkText: {
+    type: String,
+    default: '',
+  },
+});
+</script>
+
+<template>
+  <div
+    class="h-full w-full bg-n-background border border-n-weak rounded-lg p-4 flex flex-col"
+  >
+    <div class="flex-1 flex items-center justify-center">
+      <img :src="imageSrc" :alt="imageAlt" class="h-36 w-auto mx-auto" />
+    </div>
+    <div class="mt-auto">
+      <p
+        class="text-base text-n-slate-12 font-interDisplay font-semibold tracking-[0.3px]"
+      >
+        {{ title }}
+      </p>
+      <p class="text-n-slate-11 text-sm">
+        {{ description }}
+      </p>
+      <router-link
+        v-if="to"
+        :to="{ name: to }"
+        class="no-underline text-n-brand text-sm font-medium"
+      >
+        <span>{{ linkText }}</span>
+        <span class="ml-2">{{ `→` }}</span>
+      </router-link>
+    </div>
+  </div>
+</template>