MCP guide add images (#813)

* Resolve conflicts

* Fix conflict

* Add content changes

* Improve creating mcp instructions

* Change pill colors

* Improve description

* Address review comments

* Address review comments

* AI Dev zone and home page adjustments

* Apply review changes

* Adjust description

* Adjust description

* Update MPC tooling

* Add GA changes

* Changes after review

* Add Claude Desktop, Le Chat and video demos

* Add integrations screenshot

* Update footer links

* Fix casing

* Update images in MCP guide

---------

Co-authored-by: Justi Sztyper <[email protected]>
Co-authored-by: Justyna Sztyper <[email protected]>

Author: SowaProgramuje

content/guides/box-mcp/img/mcp.png

@@ -86,7 +86,7 @@ Watch a video that features a demo project, a React based chat bot that leverage
 To enable Box MCP for [Mistral AI’s Le Chat](https://chat.mistral.ai/chat), visit [connectors page](https://chat.mistral.ai/connections), click *Connect* and grant access to Box. Alternatively, directly form the chat view, click *Tools* and choose Box.
 
 <ImageFrame noborder center>
-  ![MCP](./img/mistral.png)
+  ![MCP](./img/mistral.gif)
 </ImageFrame>
 
 ### Using Box AI Features with the MCP Server