fix:(Settings): Added bottom row components in header

* Made tab bar in Profile Settings non scrollable with
the rest of the content

Closes #7525

ui/app/AppLayouts/Profile/views/MyProfileView.qml

@@ -45,15 +45,8 @@ SettingsContentBase {
         profilePreview.reload()
     }
 
-    ColumnLayout {
+    bottomHeaderComponents: StatusTabBar {
-        id: layout
-        spacing: Constants.settingsSection.itemSpacing
-        width: root.contentWidth
-
-        StatusTabBar {
         id: editPreviwTabBar
-            Layout.fillWidth: true
-
         StatusTabButton {
             width: implicitWidth
             text: qsTr("Edit")
@@ -64,6 +57,11 @@ SettingsContentBase {
         }
     }
 
+    ColumnLayout {
+        id: layout
+        spacing: Constants.settingsSection.itemSpacing
+        width: root.contentWidth
+
         StackLayout {
             Layout.fillWidth: true
             currentIndex: editPreviwTabBar.currentIndex

ui/app/AppLayouts/Profile/views/SettingsContentBase.qml

@@ -18,6 +18,7 @@ Item {
 
     property alias titleRowComponentLoader: loader
     property list<Item> headerComponents
+    property alias bottomHeaderComponents: secondHeaderRow.contentItem
     default property Item content
 
     property bool dirty: false
@@ -53,13 +54,16 @@ Item {
         }
     }
 
-    RowLayout {
+    ColumnLayout {
         id: titleRow
-        anchors.left: parent.left
+        width: root.contentWidth
-        anchors.leftMargin: Style.current.padding
+        height: childrenRect.height
-        width: visible ? root.contentWidth - Style.current.padding : 0
+        spacing: 0
-        height: visible ? d.titleRowHeight : 0
+        RowLayout {
-        visible: root.sectionTitle !== ""
+            Layout.preferredWidth: (parent.width - Style.current.padding)
+            Layout.preferredHeight: visible ? d.titleRowHeight : 0
+            Layout.leftMargin: Style.current.padding
+            visible: (root.sectionTitle !== "")
 
             StatusBaseText {
                 Layout.fillWidth: true
@@ -73,13 +77,19 @@ Item {
                 id: loader
             }
         }
+        Control {
+            id: secondHeaderRow
+            Layout.fillWidth: true
+            visible: !!contentItem
+        }
+    }
 
     StatusScrollView {
         id: scrollView
         objectName: "settingsContentBaseScrollView"
-        anchors.top: titleRow.visible ? titleRow.bottom : parent.top
+        anchors.top: titleRow.bottom
         anchors.bottom: parent.bottom
-        anchors.topMargin: Style.current.bigPadding
+        anchors.topMargin: Style.current.padding
         padding: 0
         width: root.contentWidth