fix: address bar will react to changing tabs and enable mouse selection on text field

ui/app/AppLayouts/Browser/BrowserHeader.qml

@@ -90,15 +90,6 @@ Rectangle {
             Layout.leftMargin: -root.innerMargin/2
         }
 
-        Connections {
-            target: currentWebView
-            onUrlChanged: {
-                var ensAddr = urlENSDictionary[web3Provider.getHost(currentWebView.url)];
-                addressBar.text = ensAddr ? web3Provider.replaceHostByENS(currentWebView.url, ensAddr) : currentWebView.url;
-            }
-        }
-
-
         StyledTextField {
             id: addressBar
             height: 40

ui/app/AppLayouts/Browser/BrowserLayout.qml

@@ -323,9 +323,15 @@ Rectangle {
             }
         ]
     }
+    
+    function obtainAddress(){
+        var ensAddr = urlENSDictionary[web3Provider.getHost(currentWebView.url)];
+        browserHeader.addressBar.text = ensAddr ? web3Provider.replaceHostByENS(currentWebView.url, ensAddr) : currentWebView.url;
+    }
 
     onCurrentWebViewChanged: {
         findBar.reset();
+        obtainAddress();
     }
 
     Action {
@@ -585,6 +591,7 @@ Rectangle {
                 }
             }
         }
+
         Component {
             id: tabComponent
             WebEngineView {
@@ -768,6 +775,11 @@ Rectangle {
         }
     }
 
+    Connections {
+        target: currentWebView
+        onUrlChanged: obtainAddress()
+    }
+
     ProgressBar {
         id: progressBar
         height: 3

ui/shared/StyledTextField.qml

@@ -5,4 +5,7 @@ import "../imports"
 TextField {
     font.family: Style.current.fontRegular.name
     color: Style.current.textColor
+    selectByMouse: true
+    selectedTextColor: Style.current.textColor
+    selectionColor: Style.current.secondaryHover
 }