refactor(WalletLayout): use StatusQ two panel layout

ui/app/AppLayouts/Wallet/SeedPhraseBackupWarning.qml

@@ -11,7 +11,6 @@ Rectangle {
     id: root
     visible: !profileModel.mnemonic.isBackedUp
     height: visible ? 32 : 0
-    Layout.fillWidth: true
     color: Style.current.red
 
     Row {

ui/app/AppLayouts/Wallet/WalletLayout.qml

@@ -5,12 +5,12 @@ import "../../../imports"
 import "../../../shared"
 import "."
 
-ColumnLayout {
+import StatusQ.Layout 0.1
-    property bool hideSignPhraseModal: false
 
-    SignPhraseModal {
+Item {
-        id: signPhrasePopup
+    id: walletView
-    }
+
+    property bool hideSignPhraseModal: false
 
     function showSigningPhrasePopup(){
         if(!hideSignPhraseModal && !appSettings.hideSignPhraseModal){
@@ -18,55 +18,46 @@ ColumnLayout {
         }
     }
 
-    Component.onCompleted: {
+    SignPhraseModal {
-        if(onboardingModel.firstTimeLogin){
+        id: signPhrasePopup
-            onboardingModel.firstTimeLogin = false
-            walletModel.setInitialRange()
-        }
-        walletModel.transactionsView.checkRecentHistory()
     }
         
-    Timer {
+    SeedPhraseBackupWarning { 
-        id: recentHistoryTimer
+        id: seedPhraseWarning
-        interval: Constants.walletFetchRecentHistoryInterval
+        width: parent.width
-        running: true
+        anchors.top: parent.top
-        repeat: true
-        onTriggered: walletModel.transactionsView.checkRecentHistory()
     }
 
-    SeedPhraseBackupWarning { }
+    StatusAppTwoPanelLayout {
+        anchors.top: seedPhraseWarning.bottom
+        height: walletView.height - seedPhraseWarning.height
+        width: walletView.width
 
-    SplitView {
+        Component.onCompleted: {
-        id: walletView
+            if(onboardingModel.firstTimeLogin){
-        Layout.fillHeight: true
+                onboardingModel.firstTimeLogin = false
-        Layout.fillWidth: true
+                walletModel.setInitialRange()
-
-        handle: SplitViewHandle {}
-
-        Connections {
-            target: appMain
-            onSettingsLoaded: {
-                // Add recent
-                walletView.restoreState(appSettings.walletSplitView)
             }
         }
-        Component.onDestruction: appSettings.walletSplitView = this.saveState()
 
-        LeftTab {
+        Timer {
-            id: leftTab
+            id: recentHistoryTimer
-            SplitView.preferredWidth: Style.current.leftTabPreferredSize
+            interval: Constants.walletFetchRecentHistoryInterval
+            running: true
+            repeat: true
+            onTriggered: walletModel.transactionsView.checkRecentHistory()
         }
         
-        Item {
+        leftPanel: LeftTab {
+            id: leftTab
+            anchors.fill: parent
+        }
+
+        rightPanel: Item {
+        
+            anchors.fill: parent
+
             id: walletContainer
-            anchors.top: parent.top
-            anchors.topMargin: 0
-            anchors.bottom: parent.bottom
-            anchors.bottomMargin: 0
-            anchors.right: parent.right
-            anchors.rightMargin: 0
-            anchors.left: leftTab.right
-            anchors.leftMargin: 0
 
             WalletHeader {
                 id: walletHeader
@@ -101,7 +92,6 @@ ColumnLayout {
                         background: Rectangle {
                             color: Style.current.transparent
                         }
-
                         StatusTabButton {
                             id: assetBtn
                             //% "Assets"
@@ -120,6 +110,7 @@ ColumnLayout {
                             anchors.leftMargin: 32
                             //% "History"
                             btnText: qsTrId("history")
+                            onClicked: historyTab.checkIfHistoryIsBeingFetched()
                         }
                     }