Update: Account management under settings +strings

src/components/ui/Button.tsx

@@ -1,6 +1,8 @@
 import styled, { css } from "styled-components";
 
 interface Props {
+    readonly compact?: boolean;
+    readonly accent?: boolean;
     readonly contrast?: boolean;
     readonly plain?: boolean;
     readonly error?: boolean;
@@ -43,6 +45,19 @@ export default styled.button<Props>`
         background: var(--secondary-background);
     }
 
+    ${(props) =>
+        props.compact &&
+        css`
+            height: 32px !important;
+            padding: 2px 12px !important;
+        `}
+
+    ${(props) =>
+        props.accent &&
+        css`
+            background: var(--accent) !important;
+        `}
+
     ${(props) =>
         props.plain &&
         css`