docs: update theme to mint and modify opik observability doc

docs/docs.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://mintlify.com/docs.json",
-  "theme": "palm",
+  "theme": "mint",
   "name": "CrewAI",
   "colors": {
     "primary": "#EB6658",

docs/how-to/opik-observability.mdx

@@ -8,6 +8,10 @@ icon: meteor
 
 With [Comet Opik](https://www.comet.com/docs/opik/), debug, evaluate, and monitor your LLM applications, RAG systems, and agentic workflows with comprehensive tracing, automated evaluations, and production-ready dashboards.
 
+<Frame caption="Opik Agent Dashboard">
+  <img src="/images/opik-crewai-dashboard.png" alt="Opik agent monitoring example with CrewAI" />
+</Frame>
+
 Opik provides comprehensive support for every stage of your CrewAI application development:
 
 - **Log Traces and Spans**: Automatically track LLM calls and application logic to debug and analyze development and production systems. Manually or programmatically annotate, view, and compare responses across projects.
@@ -27,7 +31,7 @@ For this guide we will use CrewAI’s quickstart example.
 <Steps>
     <Step title="Install required packages">
       ```shell
-      %pip install crewai crewai-tools opik --upgrade
+      pip install crewai crewai-tools opik --upgrade
       ```
     </Step>
     <Step title="Configure Opik">
@@ -35,8 +39,10 @@ For this guide we will use CrewAI’s quickstart example.
       import opik
       opik.configure(use_local=False)
       ```
+    </Step>
     <Step title="Prepare environment">
       First, we set up our API keys for our LLM-provider as environment variables:
+  
       ```python
       import os
       import getpass
@@ -47,6 +53,7 @@ For this guide we will use CrewAI’s quickstart example.
     </Step>
     <Step title="Using CrewAI">
       The first step is to create our project. We will use an example from CrewAI’s documentation:
+
       ```python
       from crewai import Agent, Crew, Task, Process
 
@@ -93,7 +100,9 @@ class YourCrewName:
               )
 
       ```
+
       Now we can import Opik’s tracker and run our crew:
+  
       ```python
       from opik.integrations.crewai import track_crewai
 
@@ -109,10 +118,6 @@ class YourCrewName:
       - Agent interactions and task execution flow
       - Performance metrics like latency and token usage
       - Evaluation metrics (built-in or custom)
-
-      <Frame caption="Opik Agent Dashboard">
-        <img src="/images/opik-crewai-dashboard.png" alt="Opik agent monitoring example with CrewAI" />
-      </Frame>
     </Step>
 </Steps>