Doc: Update info about creating components from scratch

The name of the wizard template has changed in QDS and there
is now a Qt Quick UI File option.

Remove an obsolete screenshot and update the one that shows
a custom dial.

Task-number: QDS-4561
Change-Id: I189297b6dac949d32e013fe2401eb620642f662d
Reviewed-by: Johanna Vanhatapio <johanna.vanhatapio@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

doc/qtcreator/src/qtquick/library/qtquick-components-custom.qdoc

@@ -49,20 +49,19 @@
     \list 1
         \li Select \uicontrol File > \uicontrol {New File or Project} >
             \if defined(qtcreator)
-            \uicontrol Qt > \uicontrol {QML File (Qt Quick 2)} >
+            \uicontrol Qt > \uicontrol {Qt Quick UI File} >
             \else
-            \uicontrol {Qt Quick Files} > \uicontrol {Qt Quick File} >
+            \uicontrol {Qt Quick Files} > \uicontrol {Qt Quick UI File} >
             \endif
-            \uicontrol Choose to create a new .qml file.
+            \uicontrol Choose to create a new \c .ui.qml file.
             \note Components are listed in \uicontrol Library >
             \uicontrol Components > \uicontrol {My Components} only
             if the filename begins with a capital letter.
-        \li Click \uicontrol Design to open the component file (ui.qml) in
+        \li Click \uicontrol Design to open the file in
             \uicontrol {Form Editor}.
         \li Drag-and-drop a component from \uicontrol Library to
             \uicontrol Navigator or \uicontrol {Form Editor}.
         \li Edit component properties in the \uicontrol Properties view.
-            \image qmldesigner-custom-component-properties.png
             The available properties depend on the component type. You can
             \l{Specifying Dynamic Properties}{add properties for
             components} in \uicontrol {Connection View} > \uicontrol Properties.

doc/qtcreator/src/qtquick/qtquick-buttons.qdoc

@@ -42,12 +42,12 @@
 
         \li Select \uicontrol File > \uicontrol {New File or Project} >
             \if defined(qtcreator)
-            \uicontrol Qt > \uicontrol {QML File (Qt Quick 2)} >
+            \uicontrol Qt > \uicontrol {Qt Quick UI File} >
             \else
-            \uicontrol {Qt Quick Files} > \uicontrol {Qt Quick File} >
+            \uicontrol {Qt Quick Files} > \uicontrol {Qt Quick UI File} >
             \endif
-            \uicontrol Choose to create a QML file called Button.qml (for
+            \uicontrol Choose to create a \l{UI Files}{UI file} called
-            example).
+            Button.ui.qml (for example).
 
             \note Components are listed in \l Library > \uicontrol Components >
             \uicontrol {My Components} only if the filename begins with a
@@ -160,11 +160,12 @@
     To create a button component, select \uicontrol File >
     \uicontrol {New File or Project} >
     \if defined(qtcreator)
-    \uicontrol Qt > \uicontrol {QML File (Qt Quick 2)} >
+    \uicontrol Qt > \uicontrol {Qt Quick UI File} >
     \else
-    \uicontrol {Qt Quick Files} > \uicontrol {Qt Quick File} >
+    \uicontrol {Qt Quick Files} > \uicontrol {Qt Quick UI File} >
     \endif
-    \uicontrol Choose to create a file called Button.qml (for example).
+    \uicontrol Choose to create a \l{UI Files}{UI file} called Button.ui.qml
+    (for example).
 
     \note Components are listed in \l Library > \uicontrol Components >
     \uicontrol {My Components} only if the filename begins with a
@@ -175,8 +176,7 @@
     To construct the button component:
 
     \list 1
-        \li Click \uicontrol {Design} to edit the component file in
+        \li Click \uicontrol {Design} to edit the UI file in \l {Form Editor}.
-            \l {Form Editor}.
         \li Select \l Library > \uicontrol Assets > \inlineimage plus.png
             to copy the image files you want to use to the project folder.
         \li In \l Navigator, select the root component and set the