Added dashboard framework. Components are not yet created nor is the query finalized. BOD-79

Missed in previous commit. BOD-79

client/src/components/dashboard-components/total-production-dollars/total-production-dollars.component.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+import { Card, Statistic } from "antd";
+import { useTranslation } from "react-i18next";
+import { ArrowDownOutlined, ArrowUpOutlined } from "@ant-design/icons";
+
+export default function DashboardTotalProductionDollars({
+  data,
+  ...cardProps
+}) {
+  const { t } = useTranslation();
+  const aboveTargetProductionDollars = false;
+
+  return (
+    <Card {...cardProps}>
+      <Statistic
+        title={t("dashboard.titles.productiondollars")}
+        value={175000.0}
+        precision={2}
+        prefix={
+          <div>
+            {aboveTargetProductionDollars ? (
+              <ArrowUpOutlined />
+            ) : (
+              <ArrowDownOutlined />
+            )}
+            $
+          </div>
+        }
+        valueStyle={{ color: aboveTargetProductionDollars ? "green" : "red" }}
+      />
+    </Card>
+  );
+}