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/UserAvatarWithName.vue

@@ -0,0 +1,34 @@
+<script setup>
+import Avatar from 'next/avatar/Avatar.vue';
+
+defineProps({
+  user: {
+    type: Object,
+    default: () => ({}),
+  },
+  size: {
+    type: Number,
+    default: 20,
+  },
+  textClass: {
+    type: String,
+    default: 'text-sm text-n-slate-12',
+  },
+});
+</script>
+
+<template>
+  <div class="flex items-center gap-1.5 text-left">
+    <Avatar
+      :src="user.thumbnail"
+      :size="size"
+      :name="user.name"
+      :status="user.availability_status"
+      hide-offline-status
+      rounded-full
+    />
+    <span class="my-0 truncate text-capitalize" :class="textClass">
+      {{ user.name }}
+    </span>
+  </div>
+</template>