diff --git a/src/profile/ProfilePage.test.jsx b/src/profile/ProfilePage.test.jsx
index 3a5444a41..411ca4536 100644
--- a/src/profile/ProfilePage.test.jsx
+++ b/src/profile/ProfilePage.test.jsx
@@ -29,7 +29,7 @@ const requiredProfilePageProps = {
   deleteProfilePhoto: () => {},
   openField: () => {},
   closeField: () => {},
-  match: { params: { username: 'staff' } },
+  params: { username: 'staff' },
 };
 
 // Mock language cookie
@@ -67,29 +67,28 @@ beforeEach(() => {
 });
 
 const ProfilePageWrapper = ({
-  contextValue, store, match, requiresParentalConsent,
+  contextValue, store, params, requiresParentalConsent,
 }) => (
   <AppContext.Provider
     value={contextValue}
   >
     <IntlProvider locale="en">
       <Provider store={store}>
-        <ProfilePage {...requiredProfilePageProps} match={match} requiresParentalConsent={requiresParentalConsent} />
+        <ProfilePage {...requiredProfilePageProps} params={params} requiresParentalConsent={requiresParentalConsent} />
       </Provider>
     </IntlProvider>
   </AppContext.Provider>
 );
 
 ProfilePageWrapper.defaultProps = {
-  match: { params: { username: 'staff' } },
+  params: { username: 'staff' },
   requiresParentalConsent: null,
-
 };
 
 ProfilePageWrapper.propTypes = {
   contextValue: PropTypes.shape({}).isRequired,
   store: PropTypes.shape({}).isRequired,
-  match: PropTypes.shape({}),
+  params: PropTypes.shape({}),
   requiresParentalConsent: PropTypes.bool,
 };
 
@@ -297,7 +296,7 @@ describe('<ProfilePage />', () => {
         <ProfilePageWrapper
           contextValue={contextValue}
           store={mockStore(storeMocks.loadingApp)}
-          match={{ params: { username: 'test-username' } }}
+          params={{ username: 'test-username' }}
         />
       );
       const wrapper = mount(component);
diff --git a/src/profile/__snapshots__/ProfilePage.test.jsx.snap b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
index de8093b6c..746bd2b02 100644
--- a/src/profile/__snapshots__/ProfilePage.test.jsx.snap
+++ b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
@@ -56,6 +56,25 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -95,7 +114,9 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -109,7 +130,52 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -126,7 +192,9 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -140,7 +208,52 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
         </div>
         <div
           className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
         <div
           className="pgn-transition-replace-group position-relative mb-5"
           style={
@@ -2326,6 +2439,25 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -2365,7 +2497,9 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -2379,7 +2513,52 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -2396,7 +2575,9 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -2410,7 +2591,52 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
         </div>
         <div
           className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
         <div
           className="pgn-transition-replace-group position-relative mb-5"
           style={
@@ -3390,6 +3616,25 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -3429,7 +3674,9 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -3443,7 +3690,52 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -3460,7 +3752,9 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -3474,7 +3768,52 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
         </div>
         <div
           className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
         <div
           className="pgn-transition-replace-group position-relative mb-5"
           style={
@@ -5364,7 +5703,9 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -5406,7 +5747,52 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -5423,7 +5809,9 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -5465,10 +5853,55 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
         </div>
         <div
           className="d-md-none mb-4"
-        />
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
+        <div
+          className="pgn-transition-replace-group position-relative mb-5"
+          style={
             Object {
               "height": null,
             }
@@ -5594,6 +6027,36 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
             </p>
           </div>
         </div>
+        <div
+          className="pgn-transition-replace-group position-relative mb-5"
+          style={
+            Object {
+              "height": null,
+            }
+          }
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                Social Links
+              </h2>
+            </div>
+            <ul
+              className="list-unstyled"
+            />
+          </div>
+        </div>
       </div>
       <div
         className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
@@ -5631,6 +6094,34 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
             </p>
           </div>
         </div>
+        <div
+          className="pgn-transition-replace-group position-relative mb-4"
+          style={
+            Object {
+              "height": null,
+            }
+          }
+        >
+          <div
+            style={
+              Object {
+                "padding": ".1px 0",
+              }
+            }
+          >
+            <div
+              className="editable-item-header mb-2"
+            >
+              <h2
+                className="edit-section-header"
+                id={null}
+              >
+                My Certificates
+              </h2>
+            </div>
+            You don't have any certificates yet.
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -5662,6 +6153,25 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -5701,7 +6211,9 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -5715,7 +6227,52 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -5732,7 +6289,9 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -5746,7 +6305,52 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
         </div>
         <div
           className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
         <div
           className="pgn-transition-replace-group position-relative mb-5"
           style={
@@ -6599,6 +7203,25 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -6638,7 +7261,9 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -6652,7 +7277,52 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -6669,7 +7339,9 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -6683,7 +7355,52 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
         </div>
         <div
           className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
         <div
           className="pgn-transition-replace-group position-relative mb-5"
           style={
@@ -7603,6 +8320,25 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -7642,7 +8378,9 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -7656,7 +8394,52 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
         </div>
         <div
           className="d-none d-md-block float-right"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </div>
     <div
@@ -7673,7 +8456,9 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -7687,7 +8472,52 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
         </div>
         <div
           className="d-md-none mb-4"
-        />
+        >
+          <a
+            className="pgn__hyperlink default-link standalone-link btn btn-primary"
+            href="http://localhost:18150/records"
+            onClick={[Function]}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            View My Records
+            <span
+              className="pgn__hyperlink__external-icon"
+              title="Opens in a new tab"
+            >
+              <span
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  className="sr-only"
+                >
+                  in a new tab
+                </span>
+              </span>
+            </span>
+          </a>
+        </div>
         <div
           className="pgn-transition-replace-group position-relative mb-5"
           style={
@@ -8615,6 +9445,25 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
             <div
               className="profile-avatar rounded-circle bg-light"
             >
+              <div
+                className="profile-avatar-menu-container"
+              >
+                <div
+                  className="pgn__dropdown pgn__dropdown-light dropdown"
+                  data-testid="dropdown"
+                >
+                  <button
+                    aria-expanded={false}
+                    aria-haspopup={true}
+                    className="dropdown-toggle btn btn-primary"
+                    disabled={false}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    Change
+                  </button>
+                </div>
+              </div>
               <img
                 alt="profile avatar"
                 className="w-100 h-100 d-block rounded-circle overflow-hidden"
@@ -8654,7 +9503,9 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >
@@ -8685,7 +9536,9 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
           >
             <h1
               className="h2 mb-0 font-weight-bold text-truncate"
-            />
+            >
+              staff
+            </h1>
             <p
               className="mb-0"
             >