Added langauge localization files to use masterdata and futureproof translations.

client/src/components/white-board-card/white-board-card.component.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
-import { Menu, Dropdown, Card, Icon, Avatar, Button } from "antd";
-
+import { Menu, Dropdown, Card, Icon, Avatar } from "antd";
+import { useTranslation } from "react-i18next";
 export default function WhiteBoardCard({ metadata }) {
   // const {
   //   onClick,
@@ -18,31 +18,33 @@ export default function WhiteBoardCard({ metadata }) {
   //   showDeleteButton,
   //   onDelete
   // } = this.props;
+  const { t } = useTranslation();
+
   const menu = (
     <Menu>
       <Menu.Item key='images'>
         <Icon type='file-image' />
-        View Job Images
+        {t("whiteboard.viewJobImages")}
       </Menu.Item>
       <Menu.Item key='printing'>
         <Icon type='printer' />
-        Printing
+        {t("whiteboard.printCenter")}
       </Menu.Item>
       <Menu.Item key='notes'>
         <Icon type='edit' />
-        Job Notes
+        {t("whiteboard.notes")}
       </Menu.Item>
       <Menu.Item key='postinvoices'>
         <Icon type='shopping-cart' />
-        Post Invoices
+        {t("whiteboard.postInvoices")}
       </Menu.Item>
       <Menu.Item key='receiveparts'>
         <Icon type='inbox' />
-        Receive Parts
+        {t("whiteboard.receiveParts")}
       </Menu.Item>
       <Menu.Item key='partstatus'>
         <Icon type='tool' />
-        Parts Status
+        {t("whiteboard.partStatus")}
       </Menu.Item>
     </Menu>
   );