Merge pull request #1699 from GetStream/khushal87-debug-mode-docs-enhancement

docs: added images to the flipper plugin guide

Author: khushal87

docusaurus/docs/reactnative/assets/guides/debug-mode-using-flipper-plugin/flipper_desktop_guide.png

@@ -4,10 +4,15 @@ sidebar_position: 2
 title: Debug Stream Chat Application using Flipper plugin
 ---
 
+import FlipperBanner from '../assets/guides/debug-mode-using-flipper-plugin/flipper_stream_chat_react_native_banner.png';
+import FlipperDesktopGuide from '../assets/guides/debug-mode-using-flipper-plugin/flipper_desktop_guide.png';
+
 ## Overview
 
 Flipper is a platform for debugging iOS, Android and React Native apps. You can debug Stream Chat within your application by using our interface within the Flipper Desktop app. This will help you analyze multiple parameters of the application which are a part of Stream Chat React Native interface.
 
+<img src={FlipperBanner} />
+
 ## Features:
 
 - Viewing the authenticated client in the Chat.
@@ -25,6 +30,8 @@ These features are part of the 1st version of this plugin. More features will be
   - Search for **stream-chat-react-native** and you will find this plugin.
   - Click on Install to install it.
 
+  <img src={FlipperDesktopGuide} />
+
 - Next, we will need to install `stream-chat-react-native-devtools` to your application as a dev dependency. This dependency will make communication possible between the RN Stream Chat SDK and the flipper plugin.
 
   ```