Table updates for appointments. Initial appointments screen + fetching.

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

@@ -27,6 +27,9 @@ const JobsAvailablePage = lazy(() =>
 const ChatWindowContainer = lazy(() =>
   import("../../components/chat-window/chat-window.container")
 );
+const ScheduleContainer = lazy(() =>
+  import("../schedule/schedule.page.container")
+);
 
 const { Header, Content, Footer } = Layout;
 //This page will handle all routing for the entire application.
@@ -72,6 +75,12 @@ export default function Manage({ match }) {
                 component={ProfilePage}
               />
 
+              <Route
+                exact
+                path={`${match.path}/schedule`}
+                component={ScheduleContainer}
+              />
+
               <Route
                 exact
                 path={`${match.path}/available`}

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

@@ -0,0 +1,6 @@
+import React from "react";
+import ScheduleCalendarContainer from "../../components/schedule-calendar/schedule-calendar.container";
+
+export default function SchedulePageComponent() {
+  return <ScheduleCalendarContainer />;
+}

client/src/pages/schedule/schedule.page.container.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect } from "react";
+import SchedulePageComponent from "./schedule.page.component";
+import { useTranslation } from "react-i18next";
+export default function SchedulePageContainer() {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    document.title = t("titles.schedule");
+  }, [t]);
+
+  return <SchedulePageComponent />;
+}