Further UI Updates

client/src/pages/jobs-available/jobs-available.page.container.jsx

@@ -1,4 +1,4 @@
-import { Button } from "antd";
+import { Button, PageHeader } from "antd";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -7,7 +7,7 @@ import JobsAvailableTableContainer from "../../components/jobs-available-table/j
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
 import {
   setBreadcrumbs,
-  setSelectedHeader
+  setSelectedHeader,
 } from "../../redux/application/application.actions";
 
 const mapDispatchToProps = (dispatch) => ({
@@ -32,9 +32,14 @@ export function JobsAvailablePageContainer({
   return (
     <RbacWrapper action="jobs:available-list">
       <div>
-        <Link to="/manage/jobs/new">
-          <Button>{t("jobs.actions.manualnew")}</Button>
-        </Link>
+        <PageHeader
+          title={t("titles.bc.availablejobs")}
+          extra={
+            <Link to="/manage/jobs/new">
+              <Button>{t("jobs.actions.manualnew")}</Button>
+            </Link>
+          }
+        />
         <JobsAvailableTableContainer />
       </div>
     </RbacWrapper>