fix(copy-button): align styling with Webpack theme and improve hover behavior (#7724)

* fix(copy-button): update styling to match Webpack theme and improve hover state

* style(copy-button): adjust top spacing to avoid being too close to the edge

Author: theEquinoxDev

src/components/CodeBlockWithCopy/CodeBlockWithCopy.scss

@@ -21,7 +21,7 @@
 
 .copy-button {
   position: absolute;
-  top: 0.32rem;
+  top: 0.6rem;
   right: 0.5rem;
   z-index: 10;
 
@@ -37,15 +37,15 @@
   /* Always visible */
   opacity: 1;
 
-  background-color: #7c3aed;
+  background-color: #175d96;
   color: #e2e8f0;
 
   transition:
     background-color 0.2s,
     transform 0.1s;
 
   &:hover {
-    background-color: #6d28d9;
+    background-color: #2f85d0;
   }
 
   /* Success */