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();
+  });
+});