feat: Add intl connection details

addons/core/translations/states/en-us.yaml

@@ -3,3 +3,6 @@ success: Success
 warning: Warning
 error: Error
 copied: Copied
+connection:
+  success:
+    description: "Local proxy address ({protocol}): {address}:{port}"

ui/desktop/app/routes/scopes/scope/projects/targets.js

@@ -58,8 +58,10 @@ export default class ScopesScopeProjectsTargetsRoute extends Route {
         token: this.session.data.authenticated.token,
       });
 
-      // Show the user a modal with basic connection info.
-      this.confirm.confirm(connection, { isConnectSuccess: true });
+      await connection.then((details) => {
+        // Show the user a modal with basic connection info.
+        this.confirm.confirm(details, { isConnectSuccess: true });
+      });
     } catch(e) {
       this.confirm.confirm(e.message, { isConnectError: true })
         .then(() => this.connect(model))

ui/desktop/app/templates/application.hbs

@@ -57,11 +57,11 @@
       @dismiss={{accept}}
     as |dialog|>
       <dialog.body>
-        <p>
-          {{confirmation.text.address}}
-          <br>
-          {{confirmation.text.port}}
-        </p>
+        {{t 'states.connection.success.description'
+          port=confirmation.text.port
+          address=confirmation.text.address
+          protocol=confirmation.text.protocol
+        }}
       </dialog.body>
       <dialog.footer>
         <Rose::Button @style="primary" {{on "click" accept}}>