Fix: extra line breaks upon copying code snippets (#9391)

* fix: prioritize copying code block dom node `.textContent` to avoid
extra `\n`

* fix: make highlited/diff lines background take full width of code blocks

* [getsentry/action-github-commit] Auto commit

---------

Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>

Author: a-hariti

src/components/codeBlock.tsx

@@ -28,7 +28,8 @@ export function CodeBlock({filename, language, children}: CodeBlockProps) {
       return;
     }
 
-    let code = codeRef.current.innerText;
+    let code =
+      codeRef.current.textContent || codeRef.current.innerText.replace(/\n\n/g, '\n');
 
     // don't copy leading prompt for bash
     if (language === 'bash' || language === 'shell') {

src/styles/_includes/code-blocks.scss

@@ -81,7 +81,10 @@
 .code-line {
   display: block;
   float: left;
+  // fallback for browsers that don't support calc
+  // yes it should come before the calc
   min-width: 100%;
+  min-width: calc(100% + 24px);
   padding-left: 8px;
   margin-left: -12px;
   box-sizing: border-box;
@@ -97,8 +100,6 @@
 .code-line.diff-inserted,
 .code-line.inserted {
   background-color: rgba(16, 185, 129, 0.2); /* Set inserted line (+) color */
-  float: left;
-  min-width: 100%;
 }
 
 .code-line.diff-deleted,