fix: add page header to rekor search ui (#67)

Signed-off-by: Carlos Feria <[email protected]>

Author: carlosthe19916

client/src/app/pages/RekorSearch/RekorSearch.tsx

@@ -1,13 +1,24 @@
-import { PageSection } from "@patternfly/react-core";
-import { Explorer } from "./components/Explorer";
+import React, { Fragment } from "react";
+
 import { RekorClientProvider } from "@app/api/context";
+import { Content, PageSection } from "@patternfly/react-core";
+
+import { Explorer } from "./components/Explorer";
 
 export const RekorSearch: React.FC = () => {
   return (
-    <PageSection>
-      <RekorClientProvider>
-        <Explorer />
-      </RekorClientProvider>
-    </PageSection>
+    <Fragment>
+      <PageSection variant="default">
+        <Content>
+          <h1>Rekor Search</h1>
+          <p>Search the Rekor public transparency log.</p>
+        </Content>
+      </PageSection>
+      <PageSection variant="secondary" isFilled>
+        <RekorClientProvider>
+          <Explorer />
+        </RekorClientProvider>
+      </PageSection>
+    </Fragment>
   );
 };