feat(SettingsDirtyToastMessage): Extended with additional information component in bottom

- Updated layout using `ColumnLayout`.
- Added additional text component on bottom according to new designs.

ui/imports/shared/popups/SettingsDirtyToastMessage.qml

@@ -5,6 +5,7 @@ import QtGraphicalEffects 1.15
 import utils 1.0
 
 import shared.controls 1.0
+import shared.panels 1.0
 
 import StatusQ.Core 0.1
 import StatusQ.Core.Theme 0.1
@@ -23,6 +24,7 @@ Rectangle {
     property alias saveForLaterText: saveForLaterButton.text
     property alias cancelChangesText: cancelChangesButton.text
     property alias changesDetectedText: changesDetectedTextItem.text
+    property alias additionalComponent: additionalTextComponent
 
     readonly property string defaultChangesDetectedText: qsTr("Changes detected")
     readonly property string defaultSaveChangesText: qsTr("Save changes")
@@ -114,13 +116,14 @@ Rectangle {
         hoverEnabled: true
     }
 
-    RowLayout {
+    ColumnLayout {
         id: toastContent
+        anchors.fill: parent
+        anchors.margins: Style.current.padding
+        spacing: Style.current.padding
 
-        anchors {
-            fill: parent
-            margins: 16
-        }
+        RowLayout {
+            Layout.alignment: Qt.AlignHCenter
 
             StatusBaseText {
                 id: changesDetectedTextItem
@@ -160,4 +163,21 @@ Rectangle {
                 onClicked: root.saveChangesClicked()
             }
         }
+
+        Separator {
+            id: separator
+            Layout.fillWidth: true
+
+            visible: additionalTextComponent.visible
+        }
+
+        StatusBaseText {
+            id: additionalTextComponent
+
+            Layout.alignment: Qt.AlignHCenter
+
+            font.pixelSize: Theme.tertiaryTextFontSize
+            visible: false
+        }
+    }
 }