refactor(theme-classic): cleanup of code blocks (#6987)

packages/docusaurus-theme-classic/src/theme/CodeBlock/CopyButton/index.tsx

@@ -42,7 +42,6 @@ export default function CopyButton({code}: Props): JSX.Element {
               description: 'The ARIA label for copy code blocks button',
             })
       }
-      // @todo: check it again later
       title={translate({
         id: 'theme.CodeBlock.copy',
         message: 'Copy',

packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx

@@ -111,9 +111,7 @@ export default function CodeBlock({
               {codeBlockTitle}
             </div>
           )}
-          <div
+          <div className={styles.codeBlockContent} style={style}>
-            className={clsx(styles.codeBlockContent, language)}
-            style={style}>
             <pre
               /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
               tabIndex={0}

packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css

@@ -7,7 +7,6 @@
 
 .codeBlockContainer {
   margin-bottom: var(--ifm-leading);
-  border-radius: var(--ifm-global-radius);
   box-shadow: var(--ifm-global-shadow-lw);
 }
 
@@ -15,6 +14,7 @@
   position: relative;
   /* rtl:ignore */
   direction: ltr;
+  border-radius: var(--ifm-global-radius);
 }
 
 .codeBlockTitle {
@@ -29,7 +29,6 @@
 .codeBlock {
   margin: 0;
   padding: 0;
-  border-radius: var(--ifm-global-radius);
   background-color: inherit;
 }
 
@@ -40,7 +39,6 @@
 
 .codeBlockStandalone {
   padding: 0;
-  border-radius: var(--ifm-global-radius);
 }
 
 .codeBlockLines {