Add HA Cloud login to onboarding (#24485)

* Add ha cloud login to onboarding

* Add view for no cloud backup available

* Add logout and forgot pw

* Improve styling

* Fix bug to open cloud backup after login

* Remove callback from catch in transform methods

* Remove unused variable

* Fix lint

* Add new onboarding restore design

* Fix lint

* Change back button style

* Update header styles

* Style onboarding left aligned

* Remove unused imports

* Fix imports

* Fix multi factor cloud auth

* Fix prettier

* Edit onboarding translations

* Revert gulp change

* Improve cloud login component

* Fix no-cloud-backup naming

* fix types

* Use cloud login function directly

* Fix eslint

* Hide restore picker when there is nothing to select

* Fix eslint

src/components/buttons/ha-progress-button.ts

@@ -14,6 +14,8 @@ export class HaProgressButton extends LitElement {
 
   @property({ type: Boolean }) public raised = false;
 
+  @property({ type: Boolean }) public unelevated = false;
+
   @state() private _result?: "success" | "error";
 
   public render(): TemplateResult {
@@ -21,6 +23,7 @@ export class HaProgressButton extends LitElement {
     return html`
       <mwc-button
         ?raised=${this.raised}
+        .unelevated=${this.unelevated}
         .disabled=${this.disabled || this.progress}
         class=${this._result || ""}
       >
@@ -78,6 +81,7 @@ export class HaProgressButton extends LitElement {
       pointer-events: none;
     }
 
+    mwc-button[unelevated].success,
     mwc-button[raised].success {
       --mdc-theme-primary: var(--success-color);
       --mdc-theme-on-primary: white;
@@ -91,6 +95,7 @@ export class HaProgressButton extends LitElement {
       pointer-events: none;
     }
 
+    mwc-button[unelevated].error,
     mwc-button[raised].error {
       --mdc-theme-primary: var(--error-color);
       --mdc-theme-on-primary: white;