Antd V4 Icon Updates

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

@@ -1,4 +1,5 @@
-import { List, Icon } from "antd";
+import { List } from "antd";
+import { WarningFilled, EyeInvisibleFilled } from "@ant-design/icons";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import CardTemplate from "./job-detail-cards.template.component";
@@ -13,24 +14,23 @@ export default function JobDetailCardsNotesComponent({ loading, data }) {
   const { t } = useTranslation();
 
   return (
-    <CardTemplate 
+    <CardTemplate
       loading={loading}
       title={t("jobs.labels.cards.notes")}
-      extraLink={`/manage/jobs/${data.id}#notes`}>
+      extraLink={`/manage/jobs/${data.id}#notes`}
+    >
       {data ? (
         <Container>
           <List
-            size='small'
+            size="small"
             bordered
             dataSource={data.notes}
             renderItem={item => (
               <List.Item>
                 {item.critical ? (
-                  <Icon style={{ margin: 4, color: "red" }} type='warning' />
-                ) : null}
-                {item.private ? (
-                  <Icon style={{ margin: 4 }} type='eye-invisible' />
+                  <EyeInvisibleFilled style={{ margin: 4, color: "red" }} />
                 ) : null}
+                {item.private ? <WarningFilled style={{ margin: 4 }} /> : null}
                 {item.text}
               </List.Item>
             )}