feat: create kyc page with api

src/pages/profile/ui/ProfilePage.tsx

@@ -1,9 +1,19 @@
+import { useEffect } from 'react'
 import { Button, FormField } from '@shared/ui'
 import { WalletHeader } from '@widgets/wallet-header'
 import { ProfileAvatar, ProfileSection } from '@widgets/profile'
 import styles from './ProfilePage.module.css'
 
 export function ProfilePage() {
+  useEffect(() => {
+    fetch('https://app.users.elcsa.ru/me', { credentials: 'include' })
+      .then(async (res) => {
+        const data = await res.json().catch(() => null)
+        console.log('[/me] status:', res.status, 'body:', data)
+      })
+      .catch((err) => console.error('[/me] error:', err))
+  }, [])
+
   return (
     <div className={styles.page}>
       <WalletHeader />

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

@@ -56,6 +56,7 @@
   width: 300px;
   height: 300px;
   border-radius: 12px;
+  filter: invert(1);
   display: block;
 }
 
@@ -63,7 +64,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 200px;
+  width: 100%;
   height: 48px;
   background: linear-gradient(135deg, var(--grad-edge), var(--grad-center));
   border-radius: 12px;