feat: Certificate Status marked up as a heading level 2

src/course-home/progress-tab/ProgressTab.test.jsx

@@ -5,6 +5,7 @@ import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { breakpoints } from '@openedx/paragon';
 import MockAdapter from 'axios-mock-adapter';
+import { within } from '@testing-library/react';
 
 import {
   fireEvent, initializeMockApp, logUnhandledRequests, render, screen, act,
@@ -1243,6 +1244,11 @@ describe('Progress Tab', () => {
           linkType: 'button',
           pageName: 'progress',
         });
+
+        const certificateStatusComponent = screen.queryByTestId('certificate-status-component');
+        expect(certificateStatusComponent).toBeInTheDocument();
+        const headerElement = within(certificateStatusComponent).getByRole('heading', { level: 2 });
+        expect(headerElement).toBeInTheDocument();
       });
 
       it('Displays nothing if audit only', async () => {

src/course-home/progress-tab/certificate-status/CertificateStatus.jsx

@@ -244,7 +244,7 @@ const CertificateStatus = () => {
       <Card className="bg-light-200 raised-card">
         <ProgressCertificateStatusSlot courseId={courseId}>
           <div id={`${certCase}_certificate_status`}>
-            <Card.Header title={header} />
+            <Card.Header title={<h2>{header}</h2>} />
             <Card.Section className="small text-gray-700">
               {body}
             </Card.Section>

src/courseware/course/Course.test.jsx

@@ -58,6 +58,10 @@ describe('Course', () => {
     global.innerWidth = breakpoints.extraLarge.minWidth;
   });
 
+  beforeEach(() => {
+    sessionStorage.clear();
+  });
+
   // This was passing when it shouldn't have been because of improper
   // waitFor use. With the React 18 upgrade it no longer improperly passes
   // so we are skipping it. See https://github.com/openedx/frontend-app-learning/issues/1669