chore: fix padding around codeblock on homepage

Author: satya164

docs/components/Hero.module.css

@@ -70,10 +70,14 @@
   position: relative;
   width: 100%;
   color: var(--rp-code-block-color);
-  margin: 8px 0;
+  margin: 0.5em 0;
+}
+
+.codeBlock > :global(.rp-codeblock) {
+  margin: 0;
 }
 
 .codeBlock pre {
-  padding: 1.25rem;
+  padding: 0 1.25rem;
   padding-right: 3.5rem;
 }