Antd V4 Icon Updates

client/src/components/jobs-available-new/jobs-available-new.component.jsx

@@ -1,4 +1,9 @@
-import { Button, Icon, Input, notification, Table } from "antd";
+import { Button, Input, notification, Table } from "antd";
+import {
+  PlusCircleFilled,
+  DeleteFilled,
+  SyncOutlined
+} from "@ant-design/icons";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
@@ -124,7 +129,7 @@ export default function JobsAvailableComponent({
               });
             }}
           >
-            <Icon type="delete" />
+            <DeleteFilled />
           </Button>
           <Button
             onClick={() => {
@@ -132,7 +137,7 @@ export default function JobsAvailableComponent({
               setModalVisible(true);
             }}
           >
-            <Icon type="plus" />
+            <PlusCircleFilled />
           </Button>
         </span>
       )
@@ -181,7 +186,7 @@ export default function JobsAvailableComponent({
                   refetch();
                 }}
               >
-                <Icon type="sync" />
+                <SyncOutlined />
               </Button>
               <Button
                 onClick={() => {