Doc: Update info about debugging Qt Quick projects

Update screenshots using the Design theme.

Change-Id: Idb8911329fb9bb05e34d647f4deb0ad9d47402e2
Reviewed-by: hjk <hjk@qt.io>
Reviewed-by: David Schulz <david.schulz@qt.io>

doc/src/debugger/qtquick-debugger-example.qdoc

@@ -87,7 +87,7 @@
 
             \image qtquick-example-stack.png
 
-        \li Examine the local variables in the \uicontrol {Locals and Expressions}
+        \li Examine the local variables in the \uicontrol Locals
             view. Step through the code to see how the information changes in
             the view.
 
@@ -105,8 +105,8 @@
         \li To remove a breakpoint, right-click it and select
             \uicontrol {Delete Breakpoint}.
 
-        \li Select the \uicontrol {Locals and Expressions} tab to explore the object
-            structure at runtime:
+        \li In the \uicontrol Locals view, explore the object structure at
+            runtime.
 
             \image qtquick-example-qml-inspector.png
 
@@ -115,11 +115,11 @@
 
         \li Select \uicontrol Debug > \uicontrol Select to activate selection
             mode and then click the \uicontrol Menu button to move into the
-            \uicontrol menuButton component in the
-            \uicontrol {Locals and Expressions} view and the code editor.
+            \uicontrol menuButton component in the \uicontrol Locals view and
+            the code editor.
 
-        \li In the \uicontrol {Locals and Expressions} view, double-click the
-            value of a property to change it.
+        \li In the \uicontrol Locals view, double-click the value of a property
+            to change it.
 
     \endlist
 

doc/src/debugger/qtquick-debugging.qdoc

@@ -162,7 +162,7 @@
         \li \l{Local Variables and Function Parameters}
               {Viewing local variables and function parameters}
 
-        \li \l{Inspecting Items}{Evaluating expressions at runtime}
+        \li \l{Evaluating Expressions}
 
     \endlist
 
@@ -170,20 +170,21 @@
     \include creator-debugger-common.qdocinc debugger-breakpoints
     \include creator-debugger-common.qdocinc debugger-call-stack-trace
     \include creator-debugger-common.qdocinc debugger-locals
+    \include creator-debugger-common.qdocinc debugger-expressions
     \endif
 
     \section1 Inspecting Items
 
     While the application is running, you can use the \uicontrol {Locals}
-    and \uicontrol{Expressions} views to explore the QML item structure.
+    view to explore the QML item structure.
 
     \image qml-observer-view.png "QML item tree"
 
     To keep the application visible while you interact with the debugger, select
     \uicontrol Debug > \uicontrol {Show Application on Top}.
 
-    You can view a QML item in \uicontrol {Locals} and \uicontrol {Expressions}
-    in the following ways:
+    You can view a QML item in the \uicontrol {Locals} view in the following
+    ways:
 
     \list