Added formatting for jobs lists and jobs detail components

src/components/atoms/currency-formatter/currency-formatter.atom.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+import Dinero from "dinero.js";
+export default function CurrencyFormatterAtom({ children, ...restProps }) {
+  const m = Dinero({ amount: Math.round((children || 0) * 100) });
+  return <div>{m.toFormat()}</div>;
+}

src/components/atoms/error-result/error-result.atom.jsx

@@ -0,0 +1,23 @@
+import { Button, Result } from "antd";
+import React from "react";
+
+export default function ErrorResultAtom({
+  title,
+  errorMessage,
+  tryAgainCallback,
+}) {
+  return (
+    <Result
+      status="500"
+      title={title}
+      subTitle={errorMessage}
+      extra={
+        tryAgainCallback ? (
+          <Button type="primary" onClick={() => tryAgainCallback()}>
+            Try Again
+          </Button>
+        ) : null
+      }
+    />
+  );
+}

src/components/atoms/time-ago-formatter/time-ago-formatter.atom.jsx

@@ -0,0 +1,12 @@
+import { Tooltip } from "antd";
+import moment from "moment";
+import React from "react";
+
+export default function TimeAgoFormatter(props) {
+  const m = moment(props.children);
+  return props.children ? (
+    <Tooltip placement="top" title={m.format("MM/DD/YYY hh:mm A")}>
+      {m.fromNow()}
+    </Tooltip>
+  ) : null;
+}