Added job searching, sider keys, formatting on settings

src/components/atoms/jobs-parts-graph/jobs-parts-graph.atom.jsx

@@ -1,8 +1,8 @@
 import { Skeleton, Typography } from "antd";
+import Dinero from "dinero.js";
 import React, { useMemo } from "react";
 import { Cell, Pie, PieChart, ResponsiveContainer } from "recharts";
 import ErrorResultAtom from "../error-result/error-result.atom";
-import Dinero from "dinero.js";
 import partTypeConverterAtom from "../part-type-converter/part-type-converter.atom";
 export default function JobPartsGraphAtom({
   job,
@@ -36,7 +36,7 @@ export default function JobPartsGraphAtom({
 
   if (loading) return <Skeleton active />;
   if (!job) return <ErrorResultAtom title="Error displaying job data." />;
-  console.log("data", data);
+
   return (
     <div
       style={{

src/components/atoms/watcher-status/watcher-status.atom.jsx

@@ -14,8 +14,8 @@ const mapStateToProps = createStructuredSelector({
 
 export function WatcherStatusAtom({ watcherStatus, watcherError }) {
   return (
-    <div>
-      {watcherStatus}
+    <div style={{ color: watcherStatus === "Started" ? "green" : "tomato" }}>
+      <strong>{watcherStatus}</strong>
       {watcherError && <Alert message={watcherError} />}
     </div>
   );