Doc: Update more screenshots with numbers and some of the numbers

The outlines of the numbers from 8 through 10 were blurry when
copy-pasted.

Task-number: QTCREATORBUG-30209
Change-Id: I2db64931fb8f16567a8890b1aa6d91f80defc573
Reviewed-by: <github-actions-qt-creator@cristianadam.eu>
Reviewed-by: David Schulz <david.schulz@qt.io>

doc/qtcreator/src/analyze/cpu-usage-analyzer.qdoc

@@ -52,7 +52,7 @@
             (\uicontrol Start) button to start the application from the
             \uicontrol {Performance Analyzer}.
 
-            \inlineimage qtcreator-performance-analyzer-toolbar.png "Performance Analyzer toolbar"
+            \image qtcreator-performance-analyzer-toolbar.png {Performance Analyzer toolbar}
 
     \endlist
 

doc/qtcreator/src/projects/creator-only/creator-projects-creating.qdoc

@@ -45,7 +45,7 @@
     \uicontrol {New File} dialogs you can see an icon (1), a display name (2),
     and a description (3) of the wizard.
 
-    \image qtcreator-custom-wizard.png {Wizard details in the New Project dialog}
+    \image qtcreator-custom-wizard.webp {Wizard details in the New File dialog}
 
     In most project wizards, you can choose the build system to use for
     building the project: qmake, CMake, Qbs, and possibly others, depending on

doc/qtcreator/src/projects/creator-only/creator-projects-custom-wizards.qdoc

@@ -45,7 +45,7 @@
     and \uicontrol {New File} dialogs. For each wizard, it shows an icon (1), a
     display name (2), and a description (3).
 
-    \image qtcreator-custom-wizard.png
+    \image qtcreator-custom-wizard.webp {New File wizard}
 
     \section1 Wizard Types
 

doc/qtcreator/src/qtquick/qtquick-live-preview-devices.qdoc

@@ -33,7 +33,7 @@
         \li In \uicontrol Projects > \uicontrol {Build & Run}, enable the kit
             predefined for the device type (1).
         \li Select the kit for the device in the kit selector (2).
-            \image qtcreator-live-preview-kit.png
+            \image qtcreator-kit-selector-devices.webp {Kit selector}
         \else
         \li In the bottom toolbar, select \inlineimage icons/settings.png
             and enable the kit predefined for the device type.

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

@@ -172,7 +172,7 @@
     The \uicontrol Timeline view displays graphical representations of QML and
     JavaScript execution and a condensed view of all recorded events.
 
-    \image qtcreator-qml-performance-monitor.png "QML Profiler"
+    \image qtcreator-qml-profiler.webp {QML Profiler}
 
     Each row in the timeline (6) describes a type of QML events that were
     recorded. Move the cursor on an event on a row to see how long it takes and