docs: update tips and tricks with new image (#120)

* docs: Add Roo Commander to community projects

* docs: update tips and tricks with new image, animated gif to show how to move roo to the right column

Author: jezweb

docs/tips-and-tricks.md

@@ -3,6 +3,7 @@
 A collection of quick tips to help you get the most out of Roo Code.
 
 - Drag Roo Code to the [Secondary Sidebar](https://code.visualstudio.com/api/ux-guidelines/sidebars#secondary-sidebar) so you can see the Explorer, Search, Source Control, etc.
+<img src="/img/right-column-roo.gif" alt="Put Roo on the Right Column" width="900" />
 - Once you have Roo Code in a separate sidebar from the file explorer, you can drag files from the explorer into the chat window (and even multiple at once). Just make sure to hold down the shift key after you start dragging the files.
 - If you're not using [MCP](/features/mcp/overview), turn it off in the <Codicon name="notebook" /> Prompts tab to significantly cut down the size of the system prompt.
 - To keep your [custom modes](/features/custom-modes) on track, limit the types of files that they're allowed to edit.