Removed job status table. Added existing appointments timeline to modal. Refetching on calendar on delete.

client/src/components/schedule-job-modal/schedule-job-modal.component.jsx

@@ -1,8 +1,11 @@
-import { Checkbox, DatePicker, Modal, Tabs, TimePicker, Col, Row } from "antd";
+import { Checkbox, Col, DatePicker, Modal, Row, Tabs, TimePicker } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import ScheduleDayViewContainer from "../schedule-day-view/schedule-day-view.container";
+import ScheduleExistingAppointmentsList from "../schedule-existing-appointments-list/schedule-existing-appointments-list.component";
+
 export default function ScheduleJobModalComponent({
+  existingAppointments,
   appData,
   setAppData,
   formData,
@@ -10,8 +13,18 @@ export default function ScheduleJobModalComponent({
   ...props
 }) {
   const { t } = useTranslation();
+  //TODO: Existing appointments list only refreshes sometimes after modal close. May have to do with the container class.
   return (
-    <Modal {...props} width={"80%"} maskClosable={false}>
+    <Modal
+      {...props}
+      width={"80%"}
+      maskClosable={false}
+      destroyOnClose={true}
+      okButtonProps={{ disabled: appData.start ? false : true }}
+    >
+      <ScheduleExistingAppointmentsList
+        existingAppointments={existingAppointments}
+      />
       <Tabs defaultActiveKey="1">
         <Tabs.TabPane tab="SMART Scheduling" key="auto">
           Automatic Job Selection.