add qr code to referrals

web/pages/referrals.tsx

@@ -9,6 +9,7 @@ import { REFERRAL_AMOUNT } from 'common/user'
 import { CopyLinkButton } from 'web/components/copy-link-button'
 import { ENV_CONFIG } from 'common/envs/constants'
 import { InfoBox } from 'web/components/info-box'
+import { QRCode } from 'web/components/qr-code'
 
 export const getServerSideProps = redirectIfLoggedOut('/')
 
@@ -50,6 +51,8 @@ export default function ReferralsPage() {
             toastClassName={'-left-28 mt-1'}
           />
 
+          <QRCode url={url} className="mt-4 self-center" />
+
           <InfoBox
             title="FYI"
             className="mt-4 max-w-md"