feat: improve 2fa styles based on feedback (#635)

* feat: improve 2fa styles based on feedback

* fix: preferences panes and dialogs electron compatibility

* fix: no horizontal line when opening two factor activation

* feat: improve two factor activation styles

* feat: further 2fa style improvements

* feat: padding 2fa widgets

* feat: add padding between QR code and content

* feat: refresh 2fa after passcode confirmation

* feat: don't autocomplete passwords for DecoratedInput

app/assets/javascripts/preferences/panes/two-factor-auth/Bullet.tsx

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'preact';
+
+export const Bullet: FunctionComponent<{ className?: string }> = ({
+  className = '',
+}) => (
+  <div className={`min-w-1 min-h-1 rounded-full bg-black ${className} mr-2`} />
+);