Remove QR code for passphrase (#2586)

Author: ekzyis

styles/wallet.module.css

@@ -141,4 +141,5 @@
   gap: 0.5rem;
   grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
   container-type: inline-size;
+  margin: 2rem 0;
 }

wallets/client/components/passphrase.js

@@ -1,6 +1,5 @@
 import React from 'react'
 import { CopyButton } from '@/components/form'
-import { QRCodeSVG } from 'qrcode.react'
 import styles from '@/styles/wallet.module.css'
 
 export function Passphrase ({ passphrase }) {
@@ -13,11 +12,6 @@ export function Passphrase ({ passphrase }) {
       <p className='fw-bold line-height-md'>
         This is the only time we will show it to you.
       </p>
-      <div className='d-flex justify-content-center'>
-        <QRCodeSVG
-          className='h-auto mx-auto mw-100 my-3' size={256} value={passphrase} marginSize={1}
-        />
-      </div>
       <div
         className={styles.passphrase}
       >

wallets/client/hooks/crypto.js

@@ -260,7 +260,6 @@ export function usePassphrasePrompt () {
           placeholder=''
           required
           autoFocus
-          qr
         />
         <div className='mt-3'>
           <div className='d-flex justify-content-between align-items-center'>