fix: resolve jsx-a11y lint errors

Author: Shramkoweb

components/mdx-components/code.tsx

@@ -45,9 +45,9 @@ export function Code(props: CodeProps) {
             aria-hidden="true"
           />
         )}
-        <span role="status" aria-live="polite" className="sr-only">
+        <output aria-live="polite" className="sr-only">
           {copyStatus === 'success' ? 'Code copied to clipboard' : ''}
-        </span>
+        </output>
       </button>
       <div className="overflow-x-scroll">{children}</div>
     </pre>

pages/udemy-reset-progress.tsx

@@ -129,7 +129,14 @@ function UdemyResetProgressPage() {
           confirmation dialogs.
         </p>
 
-        <video loop autoPlay muted playsInline className="mb-6 mx-auto mt-10">
+        <video
+          loop
+          autoPlay
+          muted
+          playsInline
+          aria-label="Demo of Udemy Reset Progress extension resetting a course"
+          className="mb-6 mx-auto mt-10"
+        >
           <source
             src="/static/images/udemy-progress-reset/video.mp4"
             type="video/mp4"