Merge pull request AY2324S1-CS2103T-W10-1#204 from ylyma/add-images

Add images for UG

docs/UserGuide.md

@@ -128,7 +128,7 @@ Some example commands you can try:
 
 ### Navigating the User Interface
 
-![UI with shaded areas](images/tafinder-UI.png)
+![UI with shaded areas](images/navigation_coloredUI.png)
 
 The UI has the following areas:
 - <span style="background-color:#70AD47">Navigation bar</span>
@@ -724,7 +724,11 @@ Empty list:<br>
 
 Compares two applicants side by side to make informed decisions.
 
-![compare function UI](images/compareUI.png)
+
+|          TAfinder window           |                  Popup window                  |
+|:----------------------------------:|:----------------------------------------------:|
+| ![compareUI](images/compareUI.png) | ![compare_popupUI](images/compare_popupUI.png) |
+
 
 **Format:**