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-hours/total-production-hours.component.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Card, Statistic } from "antd";
+import { useTranslation } from "react-i18next";
+import { ArrowDownOutlined, ArrowUpOutlined } from "@ant-design/icons";
+
+export default function DashboardTotalProductionHours({ data, ...cardProps }) {
+  const { t } = useTranslation();
+  const aboveTargetHours = true;
+  return (
+    <Card {...cardProps}>
+      <Statistic
+        title={t("dashboard.titles.productionhours")}
+        value={750}
+        prefix={aboveTargetHours ? <ArrowUpOutlined /> : <ArrowDownOutlined />}
+        valueStyle={{ color: aboveTargetHours ? "green" : "red" }}
+      />
+    </Card>
+  );
+}