fix: standardize icon colors for better visibility (#574)

* fix: standardize icon colors and add new icons

- Update all icons to use #A9BED4 for better visibility
- Fix xAI icon path
- Add Langchain SVG logo
- Add LiteLLM train icon
- Add Llama Stack llama icon
- Ensure all icons visible in light mode

Co-Authored-By: Alex Reibman <[email protected]>

* fix: standardize icon colors and add new icons

- Update all icons to use #A9BED4 for better visibility
- Switch LiteLLM to speed-train-02 Huge Icon
- Switch Llama Stack to cheese-cake-02 Huge Icon
- Add official Langchain SVG logo
- Add Cohere SVG with standardized color
- Remove unused PNG files

Co-Authored-By: Alex Reibman <[email protected]>

* fix: update icon implementations and standardize colors

- Update LiteLLM and Llama Stack to use correct Huge Icons classes
- Add hgi- prefix to icon classes
- Remove .bak files
- Update Langchain logo with #A9BED4 color
- Ensure consistent icon styling across documentation

Co-Authored-By: Alex Reibman <[email protected]>

* fix: optimize cohere svg and remove unnecessary files

- Remove pnpm-lock.yaml and hallucinated Langchain SVG
- Optimize Cohere SVG viewBox to remove whitespace while maintaining dimensions
- Keep #A9BED4 color for consistent visibility

Co-Authored-By: Alex Reibman <[email protected]>

* update icons

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Alex Reibman <[email protected]>
Co-authored-by: reibs <[email protected]>

docs/v1/examples/examples.mdx

@@ -24,13 +24,13 @@ mode: "wide"
     <Card title="AI21" icon="brain" href="/v1/integrations/ai21">
         Integration with AI21's language models
     </Card>
-    <Card title="Anthropic" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/anthropic/anthropic_icon_ivory.png?raw=true" alt="Anthropic" />} iconType="image" href="/v1/integrations/anthropic">
+    <Card title="Anthropic" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/anthropic/anthropic_icon_slate.png?raw=true" alt="Anthropic" />} iconType="image" href="/v1/integrations/anthropic">
         Track observations from Claude, Haiku and Sonnet series of models
     </Card>
     <Card title="AutoGen" icon="microsoft" href="/v1/integrations/autogen">
         AutoGen multi-agent conversible workflow with tool usage
     </Card>
-    <Card title="Cohere" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/cohere/Cohere-Logo-Mono Marble White-RGB.png?raw=true" alt="Cohere" />} iconType="image" href="/v1/integrations/cohere">
+    <Card title="Cohere" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/cohere/cohere-logo.svg?raw=true" alt="Cohere" />} iconType="image" href="/v1/integrations/cohere">
         First class support for Command-R-Plus and chat streaming
     </Card>
     <Card title="Crew.ai" icon="ship" href="/v1/integrations/crewai">
@@ -39,13 +39,13 @@ mode: "wide"
     <Card title="Groq" icon="bolt" href="/v1/integrations/groq">
         Ultra-fast LLM inference with Groq Cloud
     </Card>
-    <Card title="LangChain" icon="crow" href="/v1/examples/langchain">
+    <Card title="LangChain" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/langchain/langchain-logo.svg?raw=true" alt="LangChain" />} iconType="image" href="/v1/examples/langchain">
         Jupyter Notebook with a sample LangChain integration
     </Card>
-    <Card title="Llama Stack" icon="crow" href="/v1/integrations/llama_stack">
+    <Card title="Llama Stack" icon="pancakes" href="/v1/integrations/llama_stack">
         Create an agent to search the web using Brave Search and find the winner of NBA western conference semifinals 2014
     </Card>
-    <Card title="LiteLLM" icon="wand-magic-sparkles" href="/v1/integrations/litellm">
+    <Card title="LiteLLM" icon="train-tram" href="/v1/integrations/litellm">
         Unified interface for multiple LLM providers
     </Card>
     <Card title="Mistral" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/mistral/mistral-ai-icon.png?raw=true" alt="Mistral" />} iconType="image" href="/v1/integrations/mistral">
@@ -57,13 +57,13 @@ mode: "wide"
     <Card title="Ollama" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/ollama/ollama-icon.png?raw=true" alt="Ollama" />} iconType="image" href="/v1/examples/ollama">
         Simple Ollama integration with AgentOps
     </Card>
-    <Card title="OpenAI" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/openai/openai-white-logomark.png?raw=true" alt="OpenAI" />} iconType="image" href="/v1/integrations/openai">
+    <Card title="OpenAI" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/openai/openai-logomark.png?raw=true" alt="OpenAI" />} iconType="image" href="/v1/integrations/openai">
         First class support for GPT family of models
     </Card>
     <Card title="REST API" icon="bolt-lightning" href="/v1/examples/restapi">
         Create a REST server that performs and observes agent tasks
     </Card>
-    <Card title="xAI" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/openai/xai-logo.png?raw=true" alt="xAI" />} iconType="image" href="/v1/integrations/xai">
+    <Card title="xAI" icon={<img src="https://www.github.com/agentops-ai/agentops/blob/main/docs/images/external/xai/xai-logo.png?raw=true" alt="xAI" />} iconType="image" href="/v1/integrations/xai">
         Observe the power of Grok and Grok Vision with AgentOps
     </Card>
 </CardGroup>