Update 01. Chats.md (#91)

* Update 01. Chats.md

Added description on chats and images

* Update 01. Chats.md

I have added the images and also the headers to this, I have all changes the alignment of images

* Update 01. Chats.md

Updated images url tags

docs/3. Product Features/01. Chats.md

@@ -1 +1,48 @@
-To be filled
+###**3 minute read                                                                                                                         `Beginner`**
+
+
+**Chats**: This section on the left side is highlighted, indicating that the user is currently viewing the chat interface.
+
+**Chat Window**: The central part of the interface shows an ongoing conversation with a particular contact. 
+
+**Contacts**: On the right side, there is a section titled 'Contacts' listing different contacts who have been interacted.
+
+
+
+<img width="1256" alt="Screenshot 2024-02-13 at 12 06 06 PM" src="https://github.com/glific/docs/assets/143380171/2687e161-3579-4451-8fb4-a50698f24610"/>
+
+**Collection**: Collections in Glific are like folders where you can gather a bunch of users together. Once you have them in a collection, you can send messages to everyone in that collection all at once. It is a handy way to keep things organized and communicate efficiently with different groups of users.You can find more details
+ [here](https://glific.github.io/docs/docs/Product%20Features/Others/Collections/)
+
+
+**Saved Searches** : The saved searches are visible.
+
+<img width="328" alt="Screenshot 2024-02-13 at 12 22 06 PM" src="https://github.com/glific/docs/assets/143380171/4af7a44a-4c21-4661-911a-3f5182addb89"/>
+
+
+All - Shows all contacts. 
+Not Replied - Shows contacts list whose messages were read but not replied to yet. 
+Not Responded - Shows contacts who have not responded yet to the messages.
+
+You can read more about this [here](https://glific.github.io/docs/docs/Product%20Features/Searches/#search-contacts)
+
+
+**Session Timer** : You can also come to know the session timer for a particular contact in top right corner of the screen
+
+<img width="208" alt="Screenshot 2024-02-13 at 12 22 50 PM" src="https://github.com/glific/docs/assets/143380171/c7cbcb70-06bd-45a6-842b-424c5e75a146"/>
+
+**Shortcuts**:
+
+The handy shortcuts like Speed Send, Templates, and Interactive Messages are present in the bottom part of the chat screen. These shortcuts make messaging quicker and easier. 
+Speed Send helps you send messages faster, Templates let you use pre-made message formats, and Interactive Messages allow you to engage users more dynamically. They are like quick buttons that save you time and effort while communicating with users.
+
+
+**Preview Button**:
+
+<img width="887" alt="Screenshot 2024-02-13 at 12 22 32 PM" src="https://github.com/glific/docs/assets/143380171/d525e5df-34f7-43a6-80d4-56d3f39ac102"/>
+
+
+A green phone-like icon towards the right bottom end is present which acts as a preview button. When you click on it, you can see how your chats will actually look on a phone screen. It is like a sneak peek feature that lets you visualize how your messages will appear to users, helping you fine-tune your communication for a better user experience.
+
+
+<img width="267" alt="Screenshot 2024-02-13 at 12 23 13 PM" src="https://github.com/glific/docs/assets/143380171/2656775e-4b02-480c-999c-598f37c663c1"/>