style(docs/examples): add visual dividers between all code block examples

Author: barckcode

src/pages/docs/examples.astro

@@ -38,6 +38,8 @@ import Docs from '../../layouts/Docs.astro';
   }'`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python (openai)</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`from openai import OpenAI
@@ -63,6 +65,8 @@ for chunk in response:
       Instalar: <code class="font-mono text-xs text-neutral-300">pip install openai</code>
     </p>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js (openai)</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`import OpenAI from "openai";
@@ -88,6 +92,8 @@ for await (const chunk of stream) {
       Instalar: <code class="font-mono text-xs text-neutral-300">npm install openai</code>
     </p>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">opencode.json (config)</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`{
@@ -182,6 +188,8 @@ for await (const chunk of stream) {
 # → 4096-dimensional vectors per input`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`from openai import OpenAI
@@ -200,6 +208,8 @@ embeddings = [d.embedding for d in response.data]
 print(len(embeddings[0]))  # 4096`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`import OpenAI from "openai";
@@ -242,6 +252,8 @@ console.log(embeddings[0].length);  // 4096`}</code></pre>
 # Ver todas las voces: https://github.com/hexgrad/Kokoro-82M`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`from openai import OpenAI
@@ -270,6 +282,8 @@ response = client.audio.speech.create(
 )`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`import OpenAI from "openai";
@@ -318,6 +332,8 @@ curl https://api.nan.builders/v1/audio/translations \\
   -F "file=@grabacion.mp3"`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`from openai import OpenAI
@@ -349,6 +365,8 @@ with open("grabacion.mp3", "rb") as f:
 print(translation.text)  # English translation`}</code></pre>
     </div>
 
+    <div class="h-px bg-gradient-to-r from-transparent via-neutral-800 to-transparent my-6"></div>
+
     <p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js</p>
     <div class="code-block rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
       <pre class="whitespace-pre"><code>{`import OpenAI from "openai";