Added invoice and invoice detail pages. Begin work on paginated invoices page.

client/src/components/header/header.component.jsx

@@ -1,4 +1,12 @@
-import Icon, { CarFilled, FileAddFilled, FileFilled, GlobalOutlined, HomeFilled, TeamOutlined } from "@ant-design/icons";
+import Icon, {
+  CarFilled,
+  FileAddFilled,
+  FileFilled,
+  GlobalOutlined,
+  HomeFilled,
+  TeamOutlined,
+  DollarCircleFilled,
+} from "@ant-design/icons";
 import { Avatar, Col, Menu, Row } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -13,7 +21,7 @@ export default ({
   logo,
   handleMenuClick,
   currentUser,
-  signOutStart
+  signOutStart,
 }) => {
   const { t } = useTranslation();
   //TODO Add
@@ -159,6 +167,19 @@ export default ({
               </Menu.Item>
             </Menu.SubMenu>
 
+            <Menu.SubMenu
+              title={
+                <span>
+                  <DollarCircleFilled />
+                  <span>{t("menus.header.accounting")}</span>
+                </span>
+              }
+            >
+              <Menu.Item key="invoices">
+                <Link to="/manage/invoices">{t("menus.header.invoices")}</Link>
+              </Menu.Item>
+            </Menu.SubMenu>
+
             <Menu.SubMenu title={t("menus.header.shop")}>
               <Menu.Item key="shop">
                 <Link to="/manage/shop">{t("menus.header.shop_config")}</Link>