add notification context

src/app/ui/header/notificationsButton.tsx

@@ -6,9 +6,10 @@ import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { IconInfoMessage, IconPolicy, IconFiles, IconAccountBalanceWallet, IconCheckbook, IconGavel } from '@/app/ui/icons/icons';
 import { useActiveNotifications } from '@/app/hooks/react-query/useActiveNotificationsList';
-import { NotificationBody, notificationsMarkAsRead } from '@/app/actions/notificationActions';
+import { notificationsMarkAsRead } from '@/app/actions/notificationActions';
 import { useQueryClient } from '@tanstack/react-query';
 import { formatDate } from '@/app/lib/formatDate';
+import { NotificationTextHandler } from '@/app/components/NotificationTextHandler';
 
 export default function NotificationsButton() {
 	const t = useTranslations('Global');
@@ -220,7 +221,7 @@ export default function NotificationsButton() {
 														className="notification-item-header"
 													>
 														<div className="notification-title">
-															{norificationTranslate.has(item.type) ? norificationTranslate(item.type) : item.type}
+															{norificationTranslate.has(item.message) ? norificationTranslate(item.message) : item.message}
 														</div>
 
 														<div className="notification-data">
@@ -229,7 +230,7 @@ export default function NotificationsButton() {
 													</div>
 
 													<div className="notification-text">
-														{norificationTranslate.has(item.message) ? norificationTranslate(item.message) : item.message}
+														<NotificationTextHandler notificationType={item.type} notificationMessage={item.message} notificationContext={item.context} />
 													</div>
 
 

src/app/ui/notifications/notifications-list.tsx

@@ -16,7 +16,7 @@ import {
 	createColumnHelper,
 	RowSelectionState,
 } from '@tanstack/react-table';
-
+import { NotificationTextHandler } from '@/app/components/NotificationTextHandler';
 
 export function NotificationsList() {
 	const t = useTranslations('Global');
@@ -137,18 +137,22 @@ export function NotificationsList() {
 		}),
 		columnHelper.accessor('message', {
 			id: 'message',
-			header: () => null, // No header text, using custom header above
+			header: () => null,
 			cell: ({ row }) => {
 				const item = row.original;
 				return (
 					<div className="notification-body">
 						<div className="notification-header">
-							{/* Optional header content */}
+							<div
+								className="notification-title"
+							>
+								{norificationTranslate.has(item.message)
+									? norificationTranslate(item.message)
+									: item.message} ({item.id})
+							</div>
 						</div>
 						<div className="notification-text">
-							{norificationTranslate.has(item.message)
-								? norificationTranslate(item.message)
-								: item.message} ({item.id})
+							<NotificationTextHandler notificationType={item.type} notificationMessage={item.message} notificationContext={item.context} />
 						</div>
 						<div className="notification-footer">
 							<div className="notification-date">