BOD-16 Added pages + routing for courtesy cars

client/src/pages/courtesy-cars/courtesy-cars.page.component.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+import CourtesyCarsListComponent from "../../components/courtesy-cars-list/courtesy-cars-list.component";
+
+export default function CourtesyCarsPageComponent({ loading, data }) {
+  return <CourtesyCarsListComponent loading={loading} courtesycars={data} />;
+}

client/src/pages/courtesy-cars/courtesy-cars.page.container.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+import CourtesyCarsPageComponent from "./courtesy-cars.page.component";
+import { useQuery } from "@apollo/react-hooks";
+import AlertComponent from "../../components/alert/alert.component";
+import { QUERY_ALL_CC } from "../../graphql/courtesy-car.queries";
+
+export default function CourtesyCarsPageContainer() {
+  const { loading, error, data } = useQuery(QUERY_ALL_CC);
+
+  if (error) return <AlertComponent message={error.message} type="error" />;
+  return (
+    <CourtesyCarsPageComponent
+      loading={loading}
+      data={(data && data.courtesycars) || []}
+    />
+  );
+}