Table updates for appointments. Initial appointments screen + fetching.

client/src/components/jobs-list/jobs-list.component.jsx

@@ -5,6 +5,7 @@ import { Link } from "react-router-dom";
 import PhoneFormatter from "../../utils/PhoneFormatter";
 import { alphaSort } from "../../utils/sorters";
 import { withRouter } from "react-router-dom";
+import CurrencyFormatter from "../../utils/CurrencyFormatter";
 
 export default withRouter(function JobsList({
   loading,
@@ -154,13 +155,13 @@ export default withRouter(function JobsList({
       title: t("jobs.fields.clm_total"),
       dataIndex: "clm_total",
       key: "clm_total",
-      width: "8%",
+      width: "10%",
       sorter: (a, b) => a.clm_total - b.clm_total,
       sortOrder:
         state.sortedInfo.columnKey === "clm_total" && state.sortedInfo.order,
       render: (text, record) => {
         return record.clm_total ? (
-          <span>{record.clm_total}</span>
+          <CurrencyFormatter>{record.clm_total}</CurrencyFormatter>
         ) : (
           t("general.labels.unknown")
         );