Added breadcrumb object + breadcrumbs for major pages.

client/src/pages/manage/manage.page.component.jsx

@@ -8,6 +8,7 @@ import FooterComponent from "../../components/footer/footer.component";
 import HeaderContainer from "../../components/header/header.container";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import "./manage.page.styles.scss";
+import BreadCrumbs from "../../components/breadcrumbs/breadcrumbs.component";
 
 const ManageRootPage = lazy(() =>
   import("../manage-root/manage-root.page.container")
@@ -70,7 +71,9 @@ const InvoicesListPage = lazy(() =>
 const InvoiceDetailPage = lazy(() =>
   import("../invoice-detail/invoice-detail.page.container")
 );
-
+const EnterInvoiceModalContainer = lazy(() =>
+  import("../../components/invoice-enter-modal/invoice-enter-modal.container")
+);
 const { Header, Content, Footer } = Layout;
 
 export default function Manage({ match }) {
@@ -96,6 +99,8 @@ export default function Manage({ match }) {
                 <LoadingSpinner message={t("general.labels.loadingapp")} />
               }
             >
+              <BreadCrumbs />
+              <EnterInvoiceModalContainer />
               <EmailOverlayContainer />
               <Route exact path={`${match.path}`} component={ManageRootPage} />
               <Route exact path={`${match.path}/jobs`} component={JobsPage} />