fix(style): removing codeblock bottom padding if last child is a highlight block

Author: nikolovlazar

src/components/codeBlock/code-blocks.module.scss

@@ -57,6 +57,10 @@
     min-width: 100%;
   }
 
+  :global(.code-highlight > .highlight-block:last-child) {
+    margin-bottom: -10px;
+  }
+
   :global(.code-line) {
     display: block;
     float: left;
@@ -74,7 +78,6 @@
     }
   }
 
-
   /* Diff highlighting, classes provided by rehype-prism-plus */
   /* Set inserted line (+) color */
   /* Move the margin left and adjust width so we can keep the parent padding  */

src/components/codeHighlights/codeHighlights.tsx

@@ -109,7 +109,7 @@ export function HighlightBlock({
   }
 
   return (
-    <HighlightBlockContainer>
+    <HighlightBlockContainer className="highlight-block">
       <CodeLinesContainer ref={codeRef}>{children}</CodeLinesContainer>
       <ClipBoardContainer onClick={copyCodeOnClick}>
         {showCopyButton && !copied && (