Refactord email popup screen to use Redx + implement all email redux/saga scaffolding.

client/src/pages/manage/manage.page.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 Test from "../../components/_test/test.component";
 
 const ManageRootPage = lazy(() =>
   import("../manage-root/manage-root.page.container")
@@ -44,6 +45,10 @@ const ShopVendorPageContainer = lazy(() =>
   import("../shop-vendor/shop-vendor.page.container")
 );
 
+const EmailOverlayContainer = lazy(() =>
+  import("../../components/email-overlay/email-overlay.container.jsx")
+);
+
 const { Header, Content, Footer } = Layout;
 
 export default function Manage({ match }) {
@@ -67,10 +72,14 @@ export default function Manage({ match }) {
               fallback={
                 <LoadingSpinner message={t("general.labels.loadingapp")} />
               }>
+              <div>
+                DELETE THESE
+                <Test />
+                <EmailOverlayContainer />
+              </div>
+
               <Route exact path={`${match.path}`} component={ManageRootPage} />
-
               <Route exact path={`${match.path}/jobs`} component={JobsPage} />
-
               <Route
                 exact
                 path={`${match.path}/jobs/:jobId`}
@@ -111,13 +120,11 @@ export default function Manage({ match }) {
                 path={`${match.path}/schedule`}
                 component={ScheduleContainer}
               />
-
               <Route
                 exact
                 path={`${match.path}/available`}
                 component={JobsAvailablePage}
               />
-
               <Route exact path={`${match.path}/shop/`} component={ShopPage} />
               <Route
                 exact