Further UI Updates

client/src/components/owner-detail-form/owner-detail-form.container.jsx

@@ -1,4 +1,4 @@
-import { Form, notification } from "antd";
+import { Button, Form, notification, PageHeader } from "antd";
 import React, { useState } from "react";
 import { useMutation } from "@apollo/client";
 import { useTranslation } from "react-i18next";
@@ -37,15 +37,29 @@ function OwnerDetailFormContainer({ owner, refetch }) {
   };
 
   return (
-    <Form
-      form={form}
-      onFinish={handleFinish}
-      autoComplete="off"
-      layout="vertical"
-      initialValues={owner}
-    >
-      <OwnerDetailFormComponent loading={loading} form={form} />
-    </Form>
+    <>
+      <PageHeader
+        title={t("menus.header.owners")}
+        extra={
+          <Button
+            type="primary"
+            loading={loading}
+            onClick={() => form.submit()}
+          >
+            {t("general.actions.save")}
+          </Button>
+        }
+      />
+      <Form
+        form={form}
+        onFinish={handleFinish}
+        autoComplete="off"
+        layout="vertical"
+        initialValues={owner}
+      >
+        <OwnerDetailFormComponent loading={loading} form={form} />
+      </Form>
+    </>
   );
 }
 export default OwnerDetailFormContainer;