feat: create kyc page with api

src/widgets/kyc-verification/ui/KycModal.module.css

@@ -15,7 +15,7 @@
   border-radius: 24px;
   padding: 40px;
   position: relative;
-  max-width: 680px;
+  max-width: 400px;
   width: 100%;
 }
 
@@ -41,6 +41,7 @@
   display: flex;
   gap: 40px;
   align-items: center;
+  justify-content: center;
 }
 
 .qrBlock {
@@ -52,8 +53,8 @@
 }
 
 .qrImage {
-  width: 200px;
+  width: 300px;
-  height: 200px;
+  height: 300px;
   border-radius: 12px;
   display: block;
 }
@@ -109,4 +110,4 @@
   .infoText {
     text-align: center;
   }
-}
+}

src/widgets/kyc-verification/ui/KycModal.tsx

@@ -15,7 +15,7 @@ export function KycModal({ data, onClose }: Props) {
           <div className={styles.qrBlock}>
             <img
               className={styles.qrImage}
-              src={`data:image/png;base64,${data.qr_code}`}
+              src={data.qr_code}
               alt="QR-код для верификации"
             />
             <a
@@ -27,9 +27,6 @@ export function KycModal({ data, onClose }: Props) {
               Перейти к верификации
             </a>
           </div>
-          <p className={styles.infoText}>
-            Для продолжения верификации перейдите по ссылке
-          </p>
         </div>
       </div>
     </div>