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/pojected-monthly-sales/projected-monthly-sales.component.jsx

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