fix: improve player loading state and stable code block selector

Author: Aryan-B-Parikh

src/components/responsive-player/ResponsivePlayer.js

@@ -20,7 +20,9 @@ function ResponsivePlayer({url, loop, playing}) {
             aria-label="Loading video player"
           >
             <div className="h-8 w-8 animate-spin rounded-full border-2 border-gray-400 border-t-transparent dark:border-gray-500" />
-            <span className="sr-only">Loading video player</span>
+            <span className="ml-3 text-sm font-medium text-gray-600 dark:text-gray-300">
+              Loading video player...
+            </span>
           </div>
         }
       >

src/css/custom.css

@@ -694,7 +694,8 @@ td img {
   margin: 0;
 }
 
-.codeBlockContainer_node_modules-\@docusaurus-theme-classic-lib-next-theme-CodeBlock-styles-module {
+[class^="codeBlockContainer_"],
+[class*=" codeBlockContainer_"] {
   box-shadow: none !important;
   margin: 0;
   padding: 0;