chore(settings) align password screen with design

Changes required:

- Fixed text colors
- Fixed text expressions
- Added dividers
- Added labels

Closes #13893

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

@@ -13,6 +13,7 @@ import StatusQ.Controls 0.1
 import StatusQ.Core 0.1
 import StatusQ.Core.Theme 0.1
 import StatusQ.Components 0.1
+import StatusQ.Popups 0.1
 import StatusQ.Popups.Dialog 0.1
 
 import AppLayouts.Profile.popups 1.0
@@ -47,6 +48,7 @@ SettingsContentBase {
             LayoutMirroring.enabled: true
             LayoutMirroring.childrenInherit: true
             text: qsTr("Enable biometrics")
+            textColor: Theme.palette.baseColor1
             checked: root.biometricsEnabled
             onToggled: {
                 enableBiometricsPopup.open();
@@ -106,10 +108,12 @@ SettingsContentBase {
             height: 660
 
             createNewPsw: false
-            title: qsTr("Change your password.")
+            title: qsTr("Change your password")
             titleSize: 17
             contentAlignment: Qt.AlignLeft
 
+            highSizeIntro: true
+
             passwordStrengthScoreFunction: root.passwordStrengthScoreFunction
             onReadyChanged: {
                 submitBtn.enabled = ready
@@ -122,6 +126,12 @@ SettingsContentBase {
             }
         }
 
+        StatusModalDivider {
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignHCenter
+            Layout.bottomMargin: 20
+        }
+
         RowLayout {
             Layout.fillWidth: true
             StatusLinkText {

ui/imports/shared/views/PasswordView.qml

@@ -11,16 +11,23 @@ import StatusQ.Controls 0.1
 import StatusQ.Core 0.1
 import StatusQ.Core.Theme 0.1
 import StatusQ.Components 0.1
+import StatusQ.Popups 0.1
 
 ColumnLayout {
     id: root
 
     property bool ready: newPswInput.text.length >= Constants.minPasswordLength && newPswInput.text === confirmPswInput.text && errorTxt.text === ""
     property bool createNewPsw: true
-    property string title: qsTr("Create a password")
+    property string title: createNewPsw ? qsTr("Create a password") : qsTr("Change your password")
     property bool titleVisible: true
     property real titleSize: 22
-    property string introText: qsTr("Create a password to unlock Status on this device & sign transactions.")
+    property string introText: {
+        if (createNewPsw) {
+            return qsTr("Create a password to unlock Status on this device & sign transactions.")
+        }
+
+        return qsTr("Change password used to unlock Status on this device & sign transactions.")
+    }
     property string recoverText: qsTr("You will not be able to recover this password if it is lost.")
     property string strengthenText: qsTr("Minimum %n character(s). To strengthen your password consider including:", "", Constants.minPasswordLength)
     property bool highSizeIntro: false
@@ -146,9 +153,7 @@ ColumnLayout {
     spacing: Style.current.bigPadding
     z: root.zFront
 
-    // View visual content:
     StatusBaseText {
-        id: title
         Layout.alignment: root.contentAlignment
         visible: root.titleVisible
         text: root.title
@@ -187,6 +192,11 @@ ColumnLayout {
         }
     }
 
+    ColumnLayout {
+        StatusBaseText {
+            text: qsTr("Current password")
+        }
+
         StatusPasswordInput {
             id: currentPswInput
             objectName: "passwordViewCurrentPassword"
@@ -197,7 +207,7 @@ ColumnLayout {
             visible: !root.createNewPsw
             Layout.fillWidth: true
             Layout.alignment: root.contentAlignment
-        placeholderText: qsTr("Current password")
+            placeholderText: qsTr("Enter current password")
             echoMode: showPassword ? TextInput.Normal : TextInput.Password
             rightPadding: showHideCurrentIcon.width + showHideCurrentIcon.anchors.rightMargin + Style.current.padding / 2
             onAccepted: root.returnPressed()
@@ -216,6 +226,12 @@ ColumnLayout {
                 onClicked: currentPswInput.showPassword = !currentPswInput.showPassword
             }
         }
+    }
+
+    StatusModalDivider {
+        Layout.fillWidth: true
+        Layout.alignment: root.contentAlignment
+    }
 
     ColumnLayout {
         spacing: 4
@@ -223,6 +239,10 @@ ColumnLayout {
         Layout.fillWidth: true
         Layout.alignment: root.contentAlignment
 
+        StatusBaseText {
+            text: qsTr("New password")
+        }
+
         StatusPasswordInput {
             id: newPswInput
             objectName: "passwordViewNewPassword"
@@ -231,7 +251,7 @@ ColumnLayout {
 
             Layout.alignment: root.contentAlignment
             Layout.fillWidth: true
-            placeholderText: qsTr("New password")
+            placeholderText: qsTr("Enter new password")
             echoMode: showPassword ? TextInput.Normal : TextInput.Password
             rightPadding: showHideNewIcon.width + showHideNewIcon.anchors.rightMargin + Style.current.padding / 2
 
@@ -347,6 +367,12 @@ ColumnLayout {
         }
     }
 
+    ColumnLayout {
+        StatusBaseText {
+            text: qsTr("Confirm new password")
+            color: Theme.palette.baseColor1
+        }
+
         StatusPasswordInput {
             id: confirmPswInput
             objectName: "passwordViewNewPasswordConfirm"
@@ -356,7 +382,7 @@ ColumnLayout {
             z: root.zFront
             Layout.fillWidth: true
             Layout.alignment: root.contentAlignment
-        placeholderText: qsTr("Confirm password")
+            placeholderText: qsTr("Enter new password")
             echoMode: showPassword ? TextInput.Normal : TextInput.Password
             rightPadding: showHideConfirmIcon.width + showHideConfirmIcon.anchors.rightMargin + Style.current.padding / 2
 
@@ -397,6 +423,7 @@ ColumnLayout {
                 onClicked: confirmPswInput.showPassword = !confirmPswInput.showPassword
             }
         }
+    }
 
     StatusBaseText {
         id: errorTxt