chore: Add documentation to edit device details (#2337)

* chore: Add documentation to edit device details

* fix: Fix typos

Author: atm1504

docs/edit_device_guide.md

@@ -0,0 +1,54 @@
+# Smart Speaker Details Editing
+
+Make sure you have configured your device in non anonymous mode. If you have configured your device in anonymous mode then you will not be able to edit the details.
+
+This guide is for updating details of the susi smart speakers you have configured using the SUSI.AI android app.
+
+## Updating the device details using the Android app.
+
+* Download the Android app either from the [playstore](https://play.google.com/store/apps/details?id=ai.susi) or from [Github](https://github.com/fossasia/susi_android/tree/apk).
+
+* Open up the android app to see a screen like this. Login to your account or register a new one as per your need.
+
+  <img src="images/edit_device1.png" height="500px" width="270"><br>
+
+* After logging in you'll see the main screen of the app. click on the blue circle icon with SUSI logo on it.
+
+  <img src="images/edit_device2.png" height="500px" width="270"><br>
+
+* Now You'll see the SUSI skills page, click on the three dots on tthe top right corner of the screen and select settings.
+
+  <img src="images/edit_device3.png" height="500px" width="270"><br>
+
+* Scroll down to the devices section. And click on `Connected devices`.
+
+  <img src="images/edit_device4.png" height="500px" width="270"><br>
+  
+* You will now see the list of the connected devices. Click on the device whose configuration you want to edit.
+  
+  <img src="images/edit_device5.png" height="500px" width="270"><br>
+  
+* Information stored related to the device appears in the screen. You can now edit the data like "Name", "Room", etc.
+
+  <img src="images/edit_device.png" height="500px" width="270"><br>  
+  
+* To edit the name of the speaker click on the view that shows the name of your speaker. Now write the new name and press "Save" button. To cancel press "Cancel" button.
+
+    <table>
+      <tr>
+        <td><img src="images/edit_device6.png" height = "500px" width="270"></td>
+        <td><img src="images/edit_device7.png" height = "500px" width="270"></td>
+      </tr>
+    </table> 
+    
+* To change the room, click on the view that shows the room name. Now, in the layout that appears, you can add new room or select from the already present list. 
+Once selected, press the "Save" button to update it or "Cancel" button to cancel the selection of room.
+
+    <table>
+      <tr>
+        <td><img src="images/edit_device8.png" height = "500px" width="270"></td>
+        <td><img src="images/edit_device9.png" height = "500px" width="270"></td>
+        <td><img src="images/edit_device10.png" height = "500px" width="270"></td>
+      </tr>
+    </table> 
+