8395 [Manage Public Key] Add new route, and basic page

frontend-react/src/AppRouter.tsx

@@ -31,6 +31,7 @@ import { EditReceiverSettingsWithAuth } from "./components/Admin/EditReceiverSet
 import { AdminRevHistoryWithAuth } from "./pages/admin/AdminRevHistory";
 import { ErrorNoPage } from "./pages/error/legacy-content/ErrorNoPage";
 import { MessageDetailsWithAuth } from "./components/MessageTracker/MessageDetails";
+import { ManagePublicKeyWithAuth } from "./components/ManagePublicKey/ManagePublicKey";
 
 export enum FeatureName {
     DAILY_DATA = "Daily Data",
@@ -106,6 +107,10 @@ export const appRoutes = [
         path: "/admin/revisionhistory/org/:org/settingtype/:settingType",
         element: <AdminRevHistoryWithAuth />,
     },
+    {
+        path: "/resources/manage-public-key",
+        element: <ManagePublicKeyWithAuth />,
+    },
     { path: "/file-handler/validate", element: <ValidateWithAuth /> },
     /* Handles any undefined route */
     { path: "*", element: <ErrorNoPage /> },

frontend-react/src/components/ManagePublicKey/ManagePublicKey.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+import { AuthElement } from "../AuthElement";
+import { withCatchAndSuspense } from "../RSErrorBoundary";
+import { MemberType } from "../../hooks/UseOktaMemberships";
+import { GridContainer } from "@trussworks/react-uswds";
+
+export function ManagePublicKey() {
+    return (
+        <GridContainer className="padding-bottom-5 tablet:padding-top-6">
+            <h1 className="margin-top-0 margin-bottom-5">Manage Public Key</h1>
+            <p className="font-sans-md">
+                Send your public key to begin the REST API authentication
+                process.
+            </p>
+        </GridContainer>
+    );
+}
+
+export const ManagePublicKeyWithAuth = () => (
+    <AuthElement
+        element={withCatchAndSuspense(<ManagePublicKey />)}
+        requiredUserType={MemberType.SENDER}
+    />
+);