style: ui improvement to the notification cards.

apps/edr-freight-api/src/modules/notification-inbox/notification-inbox.controller.ts

@@ -1,5 +1,9 @@
 import { CurrentUser } from "@edr/api-common";
-import { NotificationAudience } from "@edr/types";
+import {
+  NotificationAudience,
+  NotificationPriority,
+  NotificationType,
+} from "@edr/types";
 import {
   Body,
   Controller,
@@ -62,7 +66,13 @@ export class NotificationInboxController {
   sendTest(
     @CurrentUser() user: AuthUserPayload,
     @Body()
-    body: { audience?: NotificationAudience; title?: string; message?: string },
+    body: {
+      audience?: NotificationAudience;
+      type?: NotificationType;
+      priority?: NotificationPriority;
+      title?: string;
+      message?: string;
+    },
   ) {
     return this.service.sendTestToUser(resolveAuthUserId(user), body ?? {});
   }

apps/edr-freight-api/src/modules/notification-inbox/notification-inbox.service.ts

@@ -109,15 +109,21 @@ export class NotificationInboxService {
   /** [dev/verification only] Send a canned notification straight to one user. */
   async sendTestToUser(
     userId: string,
-    body: { audience?: NotificationAudience; title?: string; message?: string },
+    body: {
+      audience?: NotificationAudience;
+      type?: NotificationType;
+      priority?: NotificationPriority;
+      title?: string;
+      message?: string;
+    },
   ): Promise<NotificationDto> {
     const entity = await this.repo.create({
       recipientUserId: userId,
       audience: body.audience ?? NotificationAudience.BACKOFFICE,
-      type: NotificationType.GENERIC,
+      type: body.type ?? NotificationType.GENERIC,
       title: body.title ?? "Test notification",
       body: body.message ?? "This is a test in-app notification.",
-      priority: NotificationPriority.NORMAL,
+      priority: body.priority ?? NotificationPriority.NORMAL,
       isRead: false,
     });
     const dto = this.toDto(entity);

apps/edr-freight-web/backoffice/src/features/notifications/NotificationBellContainer.tsx

@@ -30,6 +30,7 @@ function toItem(n: NotificationDto): NotificationItemData {
     body: n.body,
     createdAt: n.createdAt,
     isRead: n.isRead,
+    priority: n.priority,
     link: n.link,
     data: n.data,
   };

apps/edr-freight-web/backoffice/src/features/notifications/notificationConfig.tsx

@@ -20,7 +20,7 @@ export function resolveNotificationVisual(
     case NotificationType.CLEARANCE_REVIEW:
       return { icon: <ClipboardCheck size={ICON_SIZE} />, color: "orange" };
     default:
-      return { icon: <Bell size={ICON_SIZE} />, color: "gray" };
+      return { icon: <Bell size={ICON_SIZE} />, color: "edr-green" };
   }
 }
 

apps/edr-freight-web/portal/src/features/notifications/NotificationBellContainer.tsx

@@ -30,6 +30,7 @@ function toItem(n: NotificationDto): NotificationItemData {
     body: n.body,
     createdAt: n.createdAt,
     isRead: n.isRead,
+    priority: n.priority,
     link: n.link,
     data: n.data,
   };

apps/edr-freight-web/portal/src/features/notifications/notificationConfig.tsx

@@ -28,7 +28,7 @@ export function resolveNotificationVisual(
     case NotificationType.INVOICE_ISSUED:
       return { icon: <Receipt size={ICON_SIZE} />, color: "violet" };
     default:
-      return { icon: <Bell size={ICON_SIZE} />, color: "gray" };
+      return { icon: <Bell size={ICON_SIZE} />, color: "edr-green" };
   }
 }