Implemented email verification

app/[locale]/(root)/(routes)/about/page.tsx

@@ -1,23 +1,14 @@
-'use client'
+import type { Metadata } from 'next'
 
-import mailer from '@/lib/mailer'
+export const metadata: Metadata = {
+  title: 'key',
+  description: '...',
+}
 
-export default function AboutPage () {
-  const onClick = () => {
-    mailer({
-      to: [
-        { name: 'Yevhen', address: 'it@amok.space' },
-        { name: 'Євген', address: 'yevhen.odynets@gmail.com' },
-      ],
-      subject: 'ПОСИЛЕННЯ МОБІЛІЗАЦІЇ В УКРАЇНІ',
-      html: `<div>Коли Рада <strong>розгляне</strong> законопроєкт про мобілізацію у <del>другому</del> читанні</div>`,
-    }).catch(console.error)
-  }
+const AboutPage = () => {
+  return <>About
+    <hr/>
+  </>
+}
 
-  return (
-    <button onClick={onClick}
-            className="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent">
-      sendmail
-    </button>
-  )
-}
+export default AboutPage

app/[locale]/(root)/(routes)/about/us/page.tsx

@@ -1,3 +1,6 @@
+/**
+ * @type {JSX.Element}
+ */
 export default function AboutUsPage () {
   return (<div>AboutUsPage</div>)
 }

app/[locale]/(root)/page.tsx

@@ -1,9 +1,8 @@
 import { Poppins } from 'next/font/google'
 import { getScopedI18n } from '@/locales/server'
-import { cn } from '@/lib/utils'
+import { cn, env } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
-import LoginButton from '@/components/auth/LoginButton'
-import { bg as bgg } from '@/config/layout'
+import LoginButton from '@/components/auth/login-button'
 
 const font = Poppins({
   subsets: ['latin'], weight: ['600'],
@@ -22,6 +21,7 @@ export default async function Home () {
       <div>
         <LoginButton>
           <Button variant="secondary" size="lg">{t('sign_in')}</Button>
+
         </LoginButton>
       </div>
     </div>

app/[locale]/auth/error/page.tsx

@@ -1,4 +1,4 @@
-import ErrorCard from '@/components/auth/ErrorCard'
+import ErrorCard from '@/components/auth/error-card'
 
 const AuthErrorPage = () => {
   return (

app/[locale]/auth/layout.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { ReactElement } from 'react'
-import Navbar from '@/components/auth/Navbar'
+import Navbar from '@/components/auth/navbar'
 
 type Props = {
   //params: { locale: string };

app/[locale]/auth/login/page.tsx

@@ -1,4 +1,4 @@
-import { LoginForm } from '@/components/auth/LoginForm'
+import { LoginForm } from '@/components/auth/login-form'
 
 const LoginPage = () => {
   return (

app/[locale]/auth/register/page.tsx

@@ -1,4 +1,4 @@
-import { RegisterForm } from '@/components/auth/RegisterForm'
+import { RegisterForm } from '@/components/auth/register-form'
 
 const RegisterPage = () => {
   return (

app/[locale]/auth/user-verification/[token]/page.tsx

@@ -0,0 +1,5 @@
+import UserVerificationForm from '@/components/auth/user-verification-form'
+
+export default function TokenVerificationPage ({ params }: { params: { token: string } }) {
+  return <UserVerificationForm token={params.token}/>
+}