WelcomeScreen: Move Ui Tour button to the top for the first time usage

Task-number: QDS-14678
Change-Id: I8ce57eff9b0e5f7a0794829df311a7ed42326c5c
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

share/qtcreator/qmldesigner/welcomepage/MainScreen.qml

@@ -98,6 +98,10 @@ Rectangle {
         spacing: 15
         visible: !Constants.projectModel.liteDesignerEnabled
 
+        UiTourButton {
+            active: isFirstUsage
+        }
+
         PageButton {
             text: qsTr("Recent Projects")
             pageId: 0
@@ -113,9 +117,8 @@ Rectangle {
             pageId: 2
         }
 
-        PageButton {
-            text: qsTr("UI Tour")
-            pageId: 3
+        UiTourButton {
+            active: !isFirstUsage
         }
     }
 
@@ -296,4 +299,13 @@ Rectangle {
 
         onClicked: appBackground.pageIndex = pageButton.pageId
     }
+
+    component UiTourButton: Loader {
+        Layout.fillWidth: true
+
+        sourceComponent: PageButton {
+            text: qsTr("UI Tour")
+            pageId: 3
+        }
+    }
 }