QmlDesigner: Update the Washing Machine UI Doc

This patch updates the Washing Machine UI Tutorial document.
Removes old images and adds a new image to support
the current connection view update. Also, changes some texts
to keep the process relevant.

Fixes: QDS-10938
Change-Id: I7ef161ddadb62eb943c508c7c4f17d2995af4337
Reviewed-by: Qt CI Patch Build Bot <ci_patchbuild_bot@qt.io>
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>

doc/qtdesignstudio/examples/doc/washingMachineUI.qdoc

@@ -193,10 +193,12 @@
     Then, we select the mouse area for the start button, \e startMA,
     in \uicontrol Navigator. On the \uicontrol Connections tab in the
     \l {Connections} view, we select the \inlineimage icons/plus.png
-    (\uicontrol Add) button to connect the \c onClicked() signal handler
-    of the button to the \c startClicked() signal.
+    (\uicontrol Add) button. We set \uicontrol Signal to \c clicked,
+    \uicontrol Action to \c {Call Function} and \uicontrol Item to
+    \c startClicked. Next, we select the \inlineimage icons/close.png
+    button to close the connection setup options.
 
-    \image washingmachineui-connections.png "Connections view"
+    \image washingmachineui-connections.webp "Connections view"
 
     Then, in \e ApplicationView.qml, we specify that the \c startClicked()
     signal changes the application state to \e presets: