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/store/modules/notifications/getters.js

@@ -0,0 +1,44 @@
+import { sortComparator } from './helpers';
+import camelcaseKeys from 'camelcase-keys';
+
+export const getters = {
+  getNotifications($state) {
+    return Object.values($state.records).sort((n1, n2) => n2.id - n1.id);
+  },
+  getFilteredNotifications: $state => filters => {
+    const sortOrder = filters.sortOrder === 'desc' ? 'newest' : 'oldest';
+    const sortedNotifications = Object.values($state.records).sort((n1, n2) =>
+      sortComparator(n1, n2, sortOrder)
+    );
+    return sortedNotifications;
+  },
+  getFilteredNotificationsV4: $state => filters => {
+    const sortOrder = filters.sortOrder === 'desc' ? 'newest' : 'oldest';
+    const sortedNotifications = Object.values($state.records).sort((n1, n2) =>
+      sortComparator(n1, n2, sortOrder)
+    );
+    return camelcaseKeys(sortedNotifications, { deep: true });
+  },
+  getNotificationById: $state => id => {
+    return $state.records[id] || {};
+  },
+  getUIFlags($state) {
+    return $state.uiFlags;
+  },
+  getNotification: $state => id => {
+    const notification = $state.records[id];
+    return notification || {};
+  },
+  getMeta: $state => {
+    return $state.meta;
+  },
+  getNotificationFilters($state) {
+    return $state.notificationFilters;
+  },
+  getHasUnreadNotifications: $state => {
+    return $state.meta.unreadCount > 0;
+  },
+  getUnreadCount: $state => {
+    return $state.meta.unreadCount;
+  },
+};