[Documentation] Create Demo GIF for Component Tree Collapse Feature

[12mv2]

Description

Create a clear, informative GIF demonstration showing how users can collapse and expand components in the visualization tree. This will help new users understand one of our key features.

Task Requirements

1. Create a short (10-15 second) GIF demonstrating:
   • Opening the extension
   • Locating a parent component with children
   • Collapsing the component to hide its children
   • Expanding it again to show the full tree
   • (Optional) Show multiple collapse/expand actions

Steps

1. Set up a simple React project with at least 3 levels of nested components
2. Install and activate the Reactive extension
3. Record the demonstration using a screen recording tool
4. Convert the recording to an optimized GIF (target size: under 2MB)
5. Add the GIF to the documentation

Resources

Recommended screen recording tools:

• Windows: ScreenToGif
• Mac: Kap
• Linux: Peek

GIF optimization tools:

• EZGif
• GIPHY Creator

Definition of Done

• GIF clearly demonstrates the collapse/expand functionality
• File size is under 2MB
• Motion is smooth and easy to follow
• Demonstrates a realistic use case
• PR includes the GIF file and updates to relevant documentation