Added base handled for job decode and watcher start/top

src/components/molecules/filepath-item/filepath-item.molecule.jsx

@@ -0,0 +1,6 @@
+import { List } from "antd";
+import React from "react";
+
+export default function FilePathMolecule(item) {
+  return <List.Item title={item}>{item}</List.Item>;
+}

src/components/molecules/sider-sign-out/sider-sign-out.molecule.jsx

@@ -1,3 +1,4 @@
+import { UserOutlined } from "@ant-design/icons";
 import { Menu } from "antd";
 import React from "react";
 import { connect } from "react-redux";
@@ -9,7 +10,11 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function SiderSignOut({ signOutStart, ...restProps }) {
   return (
-    <Menu.Item {...restProps} onClick={() => signOutStart()}>
+    <Menu.Item
+      icon={<UserOutlined />}
+      {...restProps}
+      onClick={() => signOutStart()}
+    >
       Sign Out
     </Menu.Item>
   );

src/components/molecules/watcher-start/watcher-start.molecule.jsx

@@ -0,0 +1,16 @@
+import { Button } from "antd";
+import React from "react";
+import ipcTypes from "../../../ipc.types";
+const { ipcRenderer } = window;
+
+export default function WatcherStartMolecule() {
+  const handleClick = () => {
+    ipcRenderer.send(ipcTypes.default.fileWatcher.toMain.start);
+  };
+
+  return (
+    <div>
+      <Button onClick={handleClick}>Start Watcher</Button>
+    </div>
+  );
+}

src/components/molecules/watcher-stop/watcher-stop.molecule.jsx

@@ -0,0 +1,16 @@
+import { Button } from "antd";
+import React from "react";
+import ipcTypes from "../../../ipc.types";
+const { ipcRenderer } = window;
+
+export default function WatcherStopMolecule() {
+  const handleClick = () => {
+    ipcRenderer.send(ipcTypes.default.fileWatcher.toMain.stop);
+  };
+
+  return (
+    <div>
+      <Button onClick={handleClick}>Stop Watcher</Button>
+    </div>
+  );
+}