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/specs/DateSeparator.spec.js

@@ -0,0 +1,46 @@
+import { shallowMount } from '@vue/test-utils';
+import { createStore } from 'vuex';
+
+import DateSeparator from '../DateSeparator.vue';
+
+describe('DateSeparator', () => {
+  let store = null;
+  let actions = null;
+  let modules = null;
+  let dateSeparator = null;
+
+  beforeEach(() => {
+    actions = {};
+
+    modules = {
+      auth: {
+        namespaced: true,
+        getters: {
+          'appConfig/darkMode': () => 'light',
+        },
+      },
+    };
+
+    store = createStore({
+      modules,
+      actions,
+    });
+
+    dateSeparator = shallowMount(DateSeparator, {
+      global: {
+        plugins: [store],
+        mocks: {
+          $t: msg => msg, // Mocking $t function for translations
+        },
+      },
+      props: {
+        date: 'Nov 18, 2019',
+      },
+    });
+  });
+
+  it('date separator snapshot', () => {
+    expect(dateSeparator.vm).toBeTruthy();
+    expect(dateSeparator.element).toMatchSnapshot();
+  });
+});

app/javascript/shared/components/specs/Spinner.spec.js

@@ -0,0 +1,10 @@
+import { mount } from '@vue/test-utils';
+import Spinner from '../Spinner.vue';
+
+describe('Spinner', () => {
+  test('matches snapshot', () => {
+    const wrapper = mount(Spinner);
+    expect(wrapper.vm).toBeTruthy();
+    expect(wrapper.element).toMatchSnapshot();
+  });
+});

app/javascript/shared/components/specs/__snapshots__/DateSeparator.spec.js.snap

@@ -0,0 +1,9 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DateSeparator > date separator snapshot 1`] = `
+<div
+  class="text-sm text-n-slate-11 h-[50px] leading-[50px] relative text-center w-full before:content-[''] before:h-px before:absolute before:top-6 before:w-[calc((100%-120px)/2)] before:bg-n-slate-4 before:dark:bg-n-slate-6 before:left-0 after:content-[''] after:h-px after:absolute after:top-6 after:w-[calc((100%-120px)/2)] after:bg-n-slate-4 after:dark:bg-n-slate-6 after:right-0"
+>
+  Nov 18, 2019
+</div>
+`;

app/javascript/shared/components/specs/__snapshots__/Spinner.spec.js.snap

@@ -0,0 +1,8 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Spinner > matches snapshot 1`] = `
+<span
+  class="spinner small"
+  data-v-3e416633=""
+/>
+`;