Show reconnecting when not connected and auto-connect is on (#9738)

src/panels/config/cloud/account/cloud-remote-pref.ts

@@ -56,7 +56,11 @@ export class CloudRemotePref extends LitElement {
         <div class="connection-status">
           ${this.hass.localize(
             `ui.panel.config.cloud.account.remote.${
-              remote_connected ? "connected" : "not_connected"
+              remote_connected
+                ? "connected"
+                : remote_enabled
+                ? "connecting"
+                : "not_connected"
             }`
           )}
         </div>

src/translations/en.json

@@ -1902,6 +1902,7 @@
               "title": "Remote Control",
               "connected": "Connected",
               "not_connected": "Not Connected",
+              "reconnecting": "Reconnecting",
               "access_is_being_prepared": "Remote control is being prepared. We will notify you when it's ready.",
               "info": "Home Assistant Cloud provides a secure remote connection to your instance while away from home.",
               "instance_is_available": "Your instance is available at",