feat: create kyc page with api

src/pages/converter/index.ts

@@ -0,0 +1 @@
+export { ConverterPage } from './ui/ConverterPage'

src/pages/converter/ui/ConverterPage.module.css

@@ -0,0 +1,19 @@
+.page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-deep);
+}
+
+.main {
+  flex: 1;
+  padding: 28px 32px 40px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+@media (max-width: 900px) {
+  .main {
+    padding: 20px 16px 32px;
+  }
+}

src/pages/converter/ui/ConverterPage.tsx

@@ -0,0 +1,16 @@
+import { ConverterSection } from '@widgets/converter-page'
+import { Footer } from '@widgets/footer'
+import { WalletHeader } from '@widgets/wallet-header'
+import styles from './ConverterPage.module.css'
+
+export function ConverterPage() {
+  return (
+    <div className={styles.page}>
+      <WalletHeader />
+      <main className={styles.main}>
+        <ConverterSection />
+      </main>
+      <Footer />
+    </div>
+  )
+}

src/pages/kyc/index.ts

@@ -0,0 +1 @@
+export { KycPage } from './ui/KycPage'

src/pages/kyc/ui/KycPage.module.css

@@ -0,0 +1,7 @@
+.page {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem 0;
+}

src/pages/kyc/ui/KycPage.tsx

@@ -0,0 +1,10 @@
+import { KycWidget } from '@widgets/kyc-verification'
+import styles from './KycPage.module.css'
+
+export function KycPage() {
+  return (
+    <div className={styles.page}>
+      <KycWidget />
+    </div>
+  )
+}