[next] Admin Authentication (#2155)

* feat: Support sign in via E-Mail, and social logins + permission check

* feat: no permission info

* test: unit test

* test: fix remaining tests

* test: add integration tests

* feat: add admin account completion

* test: auth completion feature tests

* fix: translation

* fix: comment marker design

* fix: linting issues

* chore: address pr review comments

* chore: add comment

src/core/client/ui/components/Marker/Count.css

@@ -3,8 +3,8 @@
   border-left: 1px solid currentColor;
   margin-left: calc(0.5 * var(--spacing-unit));
   margin-right: calc(-0.5 * var(--spacing-unit));
-  padding-top: 3px;
-  padding-bottom: 3px;
+  padding-top: 2px;
+  padding-bottom: 2px;
   padding-left: calc(0.5 * var(--spacing-unit));
   white-space: nowrap;
 }

src/core/client/ui/components/Typography/Typography.css

@@ -98,6 +98,10 @@
   color: var(--palette-text-secondary);
 }
 
+.colorTextLight {
+  color: var(--palette-text-light);
+}
+
 .colorError {
   color: var(--palette-error-main);
 }

src/core/client/ui/components/Typography/Typography.tsx

@@ -47,6 +47,7 @@ interface InnerProps extends HTMLAttributes<any> {
     | "primary"
     | "textPrimary"
     | "textSecondary"
+    | "textLight"
     | "error"
     | "success";
   /**
@@ -104,6 +105,7 @@ const Typography: StatelessComponent<InnerProps> = props => {
     {
       [classes.colorTextPrimary]: color === "textPrimary",
       [classes.colorTextSecondary]: color === "textSecondary",
+      [classes.colorTextLight]: color === "textLight",
       [classes.colorPrimary]: color === "primary",
       [classes.colorError]: color === "error",
       [classes.colorSuccess]: color === "success",