refactor: DecoratedInput and add DecoratedPasswordInput (#953)

app/assets/javascripts/components/Preferences/panes/two-factor-auth/SaveSecretKey.tsx

@@ -55,7 +55,7 @@ export const SaveSecretKey: FunctionComponent<{
             <DecoratedInput
               disabled={true}
               right={[<CopyButton copyValue={act.secretKey} />, download]}
-              text={act.secretKey}
+              value={act.secretKey}
             />
           </div>
           <div className="h-2" />

app/assets/javascripts/components/Preferences/panes/two-factor-auth/ScanQRCode.tsx

@@ -55,7 +55,7 @@ export const ScanQRCode: FunctionComponent<{
           <DecoratedInput
             className="ml-4 w-92"
             disabled={true}
-            text={act.secretKey}
+            value={act.secretKey}
             right={[<CopyButton copyValue={act.secretKey} />]}
           />
         </div>

app/assets/javascripts/components/Preferences/panes/two-factor-auth/Verification.tsx

@@ -25,7 +25,7 @@ export const Verification: FunctionComponent<{
       </ModalDialogLabel>
       <ModalDialogDescription className="h-33">
         <div className="flex-grow flex flex-col">
-          <div className="flex flex-row items-center">
+          <div className="flex flex-row items-center mb-4">
             <Bullet />
             <div className="min-w-1" />
             <div className="text-sm">
@@ -37,7 +37,6 @@ export const Verification: FunctionComponent<{
               onChange={act.setInputSecretKey}
             />
           </div>
-          <div className="min-h-1" />
           <div className="flex flex-row items-center">
             <Bullet />
             <div className="min-w-1" />