[EC-317] Desktop client delete user account (#3151)

* [EC-317] feat: add delete account section in settings

* [EC-317] feat: add new delete account modal

* [EC-317] feat: add ability to replace top-most modal

* [EC-317] chore: remove unecessary lint ignore

* [EC-317] fix: so delete account is closed if export vault is opened

* [EC-317] feat: inital delete account design without i18n

* [EC-317] feat: disabled but basic working delete functionality

* [EC-317] feat: implement according to new design

* [EC-317] feat: use translations

* [EC-317] feat: implement working deletion

* [EC-317] feat: add loading state and error messages

* [EC-317] feat: add menu bar item

* [EC-317] feat: update form to support typed reactive forms

* [EC-317] chore: update translation text after design review

* [EC-317] feat: move deletion logic to service

* [EC-317] refactor: update web deletion

* [EC-317] feat: disable submit if secret is empty

* [EC-317] fix: handle errors in components as well

* [EC-317] fix: use abstraction as interface

* [EC-317] refactor: extract deleteAccount from api service

* [EC-317] fix: typo in translations

* [EC-317] chore: rename to accountApiService

apps/desktop/src/scss/box.scss

@@ -102,6 +102,10 @@
       color: themed("mutedColor");
     }
   }
+
+  &.last {
+    margin-bottom: 15px;
+  }
 }
 
 .box-content-row {

apps/desktop/src/scss/misc.scss

@@ -336,6 +336,25 @@ form,
     @include themify($themes) {
       color: themed("mutedColor");
     }
+
+    a {
+      @extend .btn;
+      @extend .link;
+
+      padding: 0;
+      font-size: inherit;
+      font-weight: bold;
+
+      @include themify($themes) {
+        color: themed("mutedColor");
+      }
+
+      &:hover {
+        @include themify($themes) {
+          color: darken(themed("mutedColor"), 6%);
+        }
+      }
+    }
   }
 }
 

apps/desktop/src/scss/pages.scss

@@ -71,10 +71,6 @@
 
     .box {
       margin-bottom: 20px;
-
-      &.last {
-        margin-bottom: 15px;
-      }
     }
 
     .buttons {