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/survey/components/Feedback.vue

@@ -0,0 +1,50 @@
+<script>
+import CustomButton from 'shared/components/Button.vue';
+import TextArea from 'shared/components/TextArea.vue';
+import Spinner from 'shared/components/Spinner.vue';
+
+export default {
+  name: 'Feedback',
+  components: {
+    CustomButton,
+    TextArea,
+    Spinner,
+  },
+  props: {
+    isUpdating: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ['sendFeedback'],
+  data() {
+    return {
+      feedback: '',
+    };
+  },
+  methods: {
+    onClick() {
+      this.$emit('sendFeedback', this.feedback);
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="mt-6">
+    <label class="text-base font-medium text-n-slate-12">
+      {{ $t('SURVEY.FEEDBACK.LABEL') }}
+    </label>
+    <TextArea
+      v-model="feedback"
+      class="my-5"
+      :placeholder="$t('SURVEY.FEEDBACK.PLACEHOLDER')"
+    />
+    <div class="flex items-center float-right font-medium">
+      <CustomButton @click="onClick">
+        <Spinner v-if="isUpdating" class="p-0" />
+        {{ $t('SURVEY.FEEDBACK.BUTTON_TEXT') }}
+      </CustomButton>
+    </div>
+  </div>
+</template>