feat: add raw block support for code snippets in documentation

Author: Ghassen-Lassoued

docs/pipeline.md

@@ -135,6 +135,8 @@ const {
 
 ### Complete Pipeline UI
 
+{% raw %}
+
 ```tsx
 function DataPipeline() {
   const pipeline = usePipeline([
@@ -225,6 +227,8 @@ function DataPipeline() {
 }
 ```
 
+{% endraw %}
+
 ### Conditional Stage Skipping
 
 ```tsx
@@ -414,6 +418,8 @@ console.log(report.insights);
 
 Build a timeline UI from the metrics:
 
+{% raw %}
+
 ```tsx
 function PipelineTimeline({ metrics }: { metrics: PipelineMetrics }) {
   const startTime = metrics.timeline[0]?.timestamp ?? 0;
@@ -440,6 +446,8 @@ function PipelineTimeline({ metrics }: { metrics: PipelineMetrics }) {
 }
 ```
 
+{% endraw %}
+
 ## Pipeline Options
 
 ```tsx

docs/react-hooks.md

@@ -27,6 +27,8 @@ ComputeKit provides purpose-built React hooks for seamless integration.
 
 Wrap your application with the provider to enable all hooks.
 
+{% raw %}
+
 ```tsx
 import { ComputeKitProvider } from '@computekit/react';
 
@@ -39,6 +41,8 @@ function App() {
 }
 ```
 
+{% endraw %}
+
 ### Provider Options
 
 | Option               | Type       | Default                         | Description                  |