fix: fix privacy setting page design and spacings

ui/app/AppLayouts/Profile/Sections/PrivacyContainer.qml

@@ -13,7 +13,6 @@ Item {
 
     Column {
         id: containerColumn
-        spacing: 30
         anchors.top: parent.top
         anchors.topMargin: topMargin
         anchors.right: parent.right
@@ -26,6 +25,7 @@ Item {
             id: labelSecurity
             //% "Security"
             text: qsTrId("security")
+            bottomPadding: 4
         }
 
         StatusSettingsLineButton {
@@ -43,6 +43,12 @@ Item {
             id: backupSeedModal
         }
 
+        Item {
+            id: spacer1
+            height: Style.current.bigPadding
+            width: parent.width
+        }
+
         Separator {
             id: separator
         }
@@ -51,39 +57,23 @@ Item {
             id: labelPrivacy
             //% "Privacy"
             text: qsTrId("privacy")
+            topPadding: Style.current.padding
+            bottomPadding: 4
         }
 
-        RowLayout {
+        StatusSettingsLineButton {
-            spacing: Style.current.padding
-            width: parent.width
-
-            StyledText {
             text: qsTr("Display all profile pictures (not only contacts)")
-                font.pixelSize: 15
+            isSwitch: true
-                font.weight: Font.Medium
+            switchChecked: !appSettings.onlyShowContactsProfilePics
-                Layout.fillWidth: true
+            onClicked: appSettings.onlyShowContactsProfilePics = !checked
         }
 
-            StatusSwitch {
+        StatusSettingsLineButton {
-                id: showOnlyContactsPicsSwitch
-                Layout.rightMargin: 0
-                checked: !appSettings.onlyShowContactsProfilePics
-                onCheckedChanged: function (value) {
-                    appSettings.onlyShowContactsProfilePics = !this.checked
-                }
-            }
-        }
-
-        RowLayout {
-            spacing: Style.current.padding
-            width: parent.width
-            Column {
-                Layout.fillWidth: true
-                StyledText {
             //% "Display images in chat automatically"
             text: qsTrId("display-images-in-chat-automatically")
-                    font.pixelSize: 15
+            isSwitch: true
-                    font.weight: Font.Medium
+            switchChecked: appSettings.displayChatImages
+            onClicked: appSettings.displayChatImages = checked
         }
         StyledText {
             width: parent.width
@@ -92,16 +82,7 @@ Item {
             font.weight: Font.Thin
             color: Style.current.secondaryText
             wrapMode: Text.WordWrap
-                }
+            bottomPadding: Style.current.smallPadding
-            }
-            StatusSwitch {
-                id: displayChatImagesSwitch
-                Layout.rightMargin: 0
-                checked: appSettings.displayChatImages
-                onCheckedChanged: function (value) {
-                    appSettings.displayChatImages = this.checked
-                }
-            }
         }
 
         StatusSettingsLineButton {