IO-1116 Notes Multiline display

client/src/components/job-detail-cards/job-detail-cards.notes.component.jsx

@@ -29,7 +29,7 @@ export default function JobDetailCardsNotesComponent({ loading, data }) {
             bordered
             dataSource={data.notes}
             renderItem={(item) => (
-              <List.Item>
+              <List.Item style={{ whiteSpace: "pre-line" }}>
                 {item.critical ? (
                   <EyeInvisibleFilled style={{ margin: 4, color: "red" }} />
                 ) : null}

client/src/components/jobs-notes/jobs.notes.component.jsx

@@ -57,6 +57,9 @@ export function JobNotesComponent({
       dataIndex: "text",
       key: "text",
       ellipsis: true,
+      render: (text, record) => (
+        <span style={{ whiteSpace: "pre-line" }}>{text}</span>
+      ),
     },
 
     {