Added formatting for jobs lists and jobs detail components

src/components/pages/jobs/jobs.page.jsx

@@ -1,33 +1,25 @@
-import { Button } from "antd";
+import { Col, Row } from "antd";
 import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-
-const { ipcRenderer } = window;
-//const settings = window.require("electron-settings");
+import JobsTableOrganism from "../../organisms/jobs-table/jobs-table.organism";
+import JobsDetailOrganism from "../../organisms/jobs-detail/jobs-detail.organism";
 
 const mapStateToProps = createStructuredSelector({});
 const mapDispatchToProps = (dispatch) => ({});
 
 export function JobsPage() {
-  // useEffect(() => {
-  //   ipcRenderer.on("test-success", (event, obj) => {
-  //     console.log("Test Success", obj);
-  //   });
-
-  //   // Cleanup the listener events so that memory leaks are avoided.
-  //   return function cleanup() {
-  //     ipcRenderer.removeAllListeners(
-  //       "test-success",
-  //       ipcTypes.default.filewatcher.startSuccess
-  //     );
-  //   };
-  // }, []);
-
   return (
     <div>
-      <div>Welcome to your new react app. </div>
-      <Button onClick={() => ipcRenderer.send("test")}>Send Test IPC</Button>
+      <Row gutter={[16, 16]}>
+        <Col span={10}>
+          <JobsTableOrganism />
+        </Col>
+
+        <Col span={14}>
+          <JobsDetailOrganism />
+        </Col>
+      </Row>
     </div>
   );
 }