website: Highlight target message

website/src/components/Tasks/CreateTask.tsx

@@ -36,7 +36,7 @@ export const CreateTask = ({
           <TaskHeader taskType={taskType} />
           {task.conversation ? (
             <Box mt="4" borderRadius="lg" bg={cardColor} className="p-3 sm:p-6">
-              <MessageTable messages={task.conversation.messages} />
+              <MessageTable messages={task.conversation.messages} highlightLastMessage />
             </Box>
           ) : null}
         </>

website/src/components/Tasks/EvaluateTask.tsx

@@ -38,7 +38,7 @@ export const EvaluateTask = ({
         <SurveyCard>
           <TaskHeader taskType={taskType} />
           <Box mt="4" p="6" borderRadius="lg" bg={cardColor}>
-            <MessageTable messages={messages} />
+            <MessageTable messages={messages} highlightLastMessage />
           </Box>
           <Sortable
             items={task[sortables]}

website/src/components/Tasks/LabelTask/LabelTask.tsx

@@ -53,6 +53,7 @@ export const LabelTask = ({
                     message_id: task.message_id,
                   },
                 ]}
+                highlightLastMessage
               />
             </Box>
           ) : (