Increase code block border width from 1px to 3px for visual emphasis

Author: cursoragent

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

@@ -17,7 +17,7 @@
 
   pre[class*='language-'] {
     font-size: 0.85rem;
-    border: 1px solid rgba(255, 255, 255, 0.2);
+    border: 3px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     margin: 0;
   }

src/components/codeHighlights/codeHighlights.tsx

@@ -132,7 +132,7 @@ const HighlightBlockContainer = styled('div')`
   background-color: rgba(239, 239, 239, 0.06);
   position: relative;
 
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: 3px solid rgba(255, 255, 255, 0.2);
   border-left: 4px solid var(--accent-purple);
   border-radius: 4px;
 

src/components/codeTabs.tsx

@@ -137,14 +137,14 @@ const Container = styled('div')`
   pre[class*='language-'] {
     padding: 10px 12px;
     border-radius: 0 0 3px 3px;
-    border: 1px solid rgba(255, 255, 255, 0.2);
+    border: 3px solid rgba(255, 255, 255, 0.2);
     border-top: none;
   }
 `;
 
 const TabBar = styled('div')`
   background: var(--code-background);
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: 3px solid rgba(255, 255, 255, 0.2);
   border-bottom: 1px solid #40364a;
   height: 36px;
   display: flex;