107 changed files with 704 additions and 3785 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -1,37 +1,3 @@
 {
-  "extends": [
-    "next/core-web-vitals"
-  ],
-  "plugins": [
-    "validate-filename"
-  ],
-  "rules": {
-    "validate-filename/naming-rules": [
-      "error",
-      {
-        "rules": [
-          {
-            "case": "kebab",
-            "target": "**/components/**",
-            "patterns": "^[a-z0-9-]+.tsx$"
-          },
-          {
-            "case": "kebab",
-            "target": "**/app/**",
-            "patterns": "^(default|page|layout|loading|error|not-found|route|template).(tsx|ts)$"
-          },
-          {
-            "case": "camel",
-            "target": "**/hooks/**",
-            "patterns": "^use"
-          },
-          {
-            "case": "camel",
-            "target": "**/providers/**",
-            "patterns": "^[a-zA-Z]*Provider"
-          }
-        ]
-      }
-    ]
-  }
+  "extends": "next/core-web-vitals"
 }
--- a/.gitignore
+++ b/.gitignore
@ -112,8 +112,4 @@ fabric.properties
 .idea/httpRequests

 # Android studio 3.1+ serialized cache file
-.idea/caches/build_file_checksums.ser
-/prisma/_____migrations___/
-/resources/images/
-/crib.md
-/**/**/*.log
+.idea/caches/build_file_checksums.ser
--- a/.idea/tailwindcss.xml
+++ b/.idea/tailwindcss.xml
@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="TailwindSettings">
-    <option name="lspConfiguration" value="{&#10;  &quot;includeLanguages&quot;: {&#10;    &quot;ftl&quot;: &quot;html&quot;,&#10;    &quot;jinja&quot;: &quot;html&quot;,&#10;    &quot;jinja2&quot;: &quot;html&quot;,&#10;    &quot;smarty&quot;: &quot;html&quot;,&#10;    &quot;tmpl&quot;: &quot;gohtml&quot;,&#10;    &quot;cshtml&quot;: &quot;html&quot;,&#10;    &quot;vbhtml&quot;: &quot;html&quot;,&#10;    &quot;razor&quot;: &quot;html&quot;&#10;  },&#10;  &quot;files&quot;: {&#10;    &quot;exclude&quot;: [&#10;      &quot;**/.git/**&quot;,&#10;      &quot;**/node_modules/**&quot;,&#10;      &quot;**/.hg/**&quot;,&#10;      &quot;**/.svn/**&quot;&#10;    ]&#10;  },&#10;  &quot;emmetCompletions&quot;: true,&#10;  &quot;classAttributes&quot;: [&quot;class&quot;, &quot;className&quot;, &quot;ngClass&quot;],&#10;  &quot;colorDecorators&quot;: true,&#10;  &quot;showPixelEquivalents&quot;: true,&#10;  &quot;rootFontSize&quot;: 16,&#10;  &quot;hovers&quot;: true,&#10;  &quot;suggestions&quot;: true,&#10;  &quot;codeActions&quot;: true,&#10;  &quot;validate&quot;: true,&#10;  &quot;lint&quot;: {&#10;    &quot;invalidScreen&quot;: &quot;error&quot;,&#10;    &quot;invalidVariant&quot;: &quot;error&quot;,&#10;    &quot;invalidTailwindDirective&quot;: &quot;error&quot;,&#10;    &quot;invalidApply&quot;: &quot;error&quot;,&#10;    &quot;invalidConfigPath&quot;: &quot;error&quot;,&#10;    &quot;cssConflict&quot;: &quot;warning&quot;,&#10;    &quot;recommendedVariantOrder&quot;: &quot;warning&quot;&#10;  },&#10;  &quot;experimental&quot;: {&#10;    &quot;configFile&quot;: null,&#10;    &quot;classRegex&quot;: []&#10;  }&#10;}" />
-  </component>
-</project>
--- a/actions/admin.ts
+++ b/actions/admin.ts
@ -1,14 +0,0 @@
-'use server'
-
-import { currentRole } from '@/lib/auth'
-import { UserRole } from '@prisma/client'
-
-export const admin = async () => {
-  const role = await currentRole()
-
-  if (role === UserRole.ADMIN) {
-    return { success: `Allowed Server Action for ${UserRole.ADMIN}` }
-  }
-
-  return { error: `Forbidden Server Action for ${UserRole.ADMIN}` }
-}
--- a/actions/logger.ts
+++ b/actions/logger.ts
@ -1,45 +0,0 @@
-import pino from 'pino'
-
-const pinoConfigProd: pino.LoggerOptions = {
-  transport: {
-    targets: [
-      {
-        target: 'pino/file', options: {
-          destination: './production.log', mkdir: true, minLength: 4096, sync: false,
-        },
-      },
-    ],
-  },
-  level: 'error',
-  redact: {
-    paths: ['password', '*.password'], remove: true,
-  },
-}
-
-const pinoConfigDev: pino.LoggerOptions = {
-  redact: {
-    paths: ['password', '*.password'], remove: false,
-  },
-  // formatters: {
-  //   bindings: (bindings) => {
-  //     return { pid: bindings.pid, host: bindings.hostname, node_version: process.version }
-  //   },
-  // },
-  transport: {
-    targets: [
-      {
-        //target: 'pino/file',
-        target: 'pino-pretty', options: { destination: `./pretty.log`, mkdir: true, colorize: false }, level: 'error',
-      }, {
-        target: 'pino-pretty', level: 'trace',
-      }],
-  },
-}
-
-const journal = process.env.NODE_ENV === 'production'
-  ? pino(pinoConfigProd)
-  : pino(pinoConfigDev)
-
-export default journal
-
-// TODO: wait for newer version of https://betterstack.com/docs/logs/javascript/pino/
--- a/actions/login.ts
+++ b/actions/login.ts
@ -6,15 +6,7 @@ import { signIn } from '@/config/auth'
 import { DEFAULT_LOGIN_REDIRECT } from '@/config/routes'
 import { AuthError } from 'next-auth'
 import { getUserByEmail } from '@/data/user'
-import { sendTwoFactorTokenEmail, sendVerificationEmail } from '@/actions/send-verification-email'
-import { generateTwoFactorToken } from '@/lib/tokens'
-import { deleteTwoFactorToken, getTwoFactorTokenByEmail } from '@/data/two-factor-token'
-import {
-  createTwoFactoComfirmation,
-  deleteTwoFactoComfirmation,
-  getTwoFactorConfirmationByUserId,
-} from '@/data/two-factor-confirmation'
-import journal from '@/actions/logger'
+import { sendVerificationEmail } from '@/actions/send-verification-email'

 export const login = async (values: zInfer<typeof LoginSchema>) => {
  const validatedFields = LoginSchema.safeParse(values)
@ -23,7 +15,7 @@ export const login = async (values: zInfer<typeof LoginSchema>) => {
    return { error: 'auth.form.error.invalid_fields' }
  }

-  const { email, password, code } = validatedFields.data
+  const { email, password } = validatedFields.data

  const existingUser = await getUserByEmail(email)

@ -35,40 +27,6 @@ export const login = async (values: zInfer<typeof LoginSchema>) => {
    return await sendVerificationEmail(existingUser.email, existingUser.name)
  }

-  if (existingUser.isTwoFactorEnabled && existingUser.email) {
-    if (code) {
-      const twoFactorToken = await getTwoFactorTokenByEmail(existingUser.email)
-      if (!twoFactorToken || twoFactorToken.token !== code) {
-        return { error: 'auth.form.error.invalid_code' }
-      }
-
-      const hasExpired = new Date(twoFactorToken.expires) < new Date()
-      if (hasExpired) {
-        return { error: 'auth.form.error.expired_token' }
-      }
-
-      await deleteTwoFactorToken(twoFactorToken.id)
-
-      const existingConfirmation = await getTwoFactorConfirmationByUserId(existingUser.id)
-
-      if (existingConfirmation) {
-        await deleteTwoFactoComfirmation(existingConfirmation.id)
-      }
-
-      await createTwoFactoComfirmation(existingUser.id)
-
-    } else {
-      const twoFactorToken = await generateTwoFactorToken(existingUser.email)
-
-      if (twoFactorToken) {
-        const isOk = await sendTwoFactorTokenEmail(twoFactorToken.email, twoFactorToken.token, existingUser.name)
-        return { twoFactor: isOk }
-      }
-      console.error('ERROR.TYPE: could not send token')
-      return { error: 'common.something_went_wrong' }
-    }
-  }
-
  try {
    await signIn('credentials', {
      email, password, redirectTo: DEFAULT_LOGIN_REDIRECT,
@ -85,12 +43,12 @@ export const login = async (values: zInfer<typeof LoginSchema>) => {
          return { error: 'common.something_went_wrong' }
      }
    }
-    // TODO: logging must be implemented
+
    throw error
  }
 }

-export const SignInProvider = async (provider: 'google' | 'github') => {
+export const SignInProvider = async (provider: 'google' | 'github' | 'facebook') => {
  await signIn(provider, {
    redirectTo: DEFAULT_LOGIN_REDIRECT,
  })
--- a/actions/logout.ts
+++ b/actions/logout.ts
@ -1,8 +0,0 @@
-'use server'
-
-import { signOut } from '@/config/auth'
-
-export const logout = async () => {
-  // do something separately from js client bundle prior logging out
-  await signOut()
-}
--- a/actions/new-password.ts
+++ b/actions/new-password.ts
@ -1,66 +0,0 @@
-'use server'
-
-import { NewPasswordSchema } from '@/schemas'
-import { infer as zInfer } from 'zod'
-import bcrypt from 'bcryptjs'
-import { PASSWORD_SALT_LENGTH } from '@/config/validation'
-
-import { getPasswordResetTokenByToken } from '@/data/password-reset-token'
-import { getUserByEmail } from '@/data/user'
-import db from '@/lib/db'
-
-export const newPassword = async (values: zInfer<typeof NewPasswordSchema>, token?: string | null) => {
-  if (!token) {
-    return { error: 'auth.form.error.missing_token' }
-  }
-
-  const validatedFields = NewPasswordSchema.safeParse(values)
-
-  if (!validatedFields.success) {
-    return { error: 'auth.form.error.invalid_fields' }
-  }
-
-  const existingToken = await getPasswordResetTokenByToken(token)
-
-  if (!existingToken) {
-    return { error: 'auth.form.error.invalid_token' }
-  }
-
-  const hasExpired = new Date(existingToken.expires) < new Date()
-
-  if (hasExpired) {
-    return { error: 'auth.form.error.expired_token' }
-  }
-
-  const existingUser = await getUserByEmail(existingToken.email)
-
-  if (!existingUser) {
-    return { error: 'auth.form.error.invalid_email' }
-  }
-
-  const { password } = validatedFields.data
-  const hashedPassword = await bcrypt.hash(password, PASSWORD_SALT_LENGTH)
-
-  try {
-    await db.user.update({
-      where: { id: existingUser.id },
-      data: { password: hashedPassword },
-    })
-  } catch (err) {
-    console.error(err)
-    return { error: 'db.error.update.user_password' }
-  }
-
-  try {
-    await db.passwordResetToken.delete({
-      where: { id: existingToken.id },
-    })
-
-    return { success: 'db.success.update.password_updated' }
-  } catch (err) {
-    //TODO: Implement logging
-    console.error(err)
-  }
-
-  return { error: 'db.error.common.something_wrong' }
-}
--- a/actions/register.ts
+++ b/actions/register.ts
@ -1,10 +1,11 @@
 'use server'

-import { RegisterSchema } from '@/schemas'
 import { infer as zInfer } from 'zod'
 import bcrypt from 'bcryptjs'
+
+import { RegisterSchema } from '@/schemas'
 import { PASSWORD_SALT_LENGTH } from '@/config/validation'
-import db from '@/lib/db'
+import { db } from '@/lib/db'
 import { getUserByEmail } from '@/data/user'
 import { sendVerificationEmail } from '@/actions/send-verification-email'

--- a/actions/reset.ts
+++ b/actions/reset.ts
@ -1,24 +0,0 @@
-'use server'
-
-import { infer as zInfer } from 'zod'
-import { ResetSchema } from '@/schemas'
-import { getUserByEmail } from '@/data/user'
-import { sendPasswordResetEmail } from '@/actions/send-verification-email'
-
-export const reset = async (values: zInfer<typeof ResetSchema>) => {
-  const validatedFields = ResetSchema.safeParse(values)
-
-  if (!validatedFields.success) {
-    return { error: 'auth.form.error.invalid_fields' }
-  }
-
-  const { email } = validatedFields.data
-
-  const existingUser = await getUserByEmail(email)
-
-  if (!existingUser) {
-    return { error: 'auth.email.success.reset_email_sent' }
-  }
-
-  return await sendPasswordResetEmail(existingUser.email as string, existingUser.name)
-}
--- a/actions/send-verification-email.ts
+++ b/actions/send-verification-email.ts
@ -1,76 +1,27 @@
 'use server'

 import mailer from '@/lib/mailer'
-import { AUTH_NEW_PASSWORD_URL, AUTH_USER_VERIFICATION_URL } from '@/config/routes'
-import { generatePasswordResetToken, generateTwoFactorToken, generateVerificationToken } from '@/lib/tokens'
-import { env } from '@/lib/utils'
-import { __ct } from '@/lib/translate'
-import { body } from '@/templates/email/send-verification-email'
+import { env } from 'process'
+import { AUTH_EMAIL_VERIFICATION_URL } from '@/config/routes'
+import { generateVerificationToken } from '@/lib/tokens'

-export const sendTwoFactorTokenEmail = async (email: string, token: string, name?: string | null) => {
-  const { isOk, code, info, error } = await mailer({
-    to: name ? { name: name?.toString(), address: email } : email,
-    subject: await __ct({
-      key: 'mailer.subject.send_2FA_code',
-      params: { site_name: env('SITE_NAME') },
-    }),
-    text: `Your 2FA code: ${token}`,
-    html: `<p>Your 2FA code: ${token}</p>`,
-  })
-
-  return isOk
-  // TODO: Log this action
-  // if (isOk && code === 250) {
-  //   //return  //'auth.email.success._2FA_email_sent'
-  //   return { success: code === 250 ? 'auth.email.success._2FA_email_sent' : info?.response }
-  // } else {
-  //   return { error: env('DEBUG') === 'true' ? error?.response : 'auth.email.error._2FA_email_sending_error' }
-  // }
-}
-
-const sendVerificationEmail = async (
-  email: string,
-  name?: string | null,
-) => {
+const sendVerificationEmail = async (email: string, name?: string | null) => {
  const verificationToken = await generateVerificationToken(email)
-  const confirmLink: string = [env('SITE_URL'), AUTH_USER_VERIFICATION_URL, '/', verificationToken.token].join('')
-  const message = (await body({ confirmLink }))
+  const confirmLink: string = [env.SITE_URL, AUTH_EMAIL_VERIFICATION_URL, '?token=', verificationToken].join('')

  const { isOk, code, info, error } = await mailer({
-    to: name ? { name: name?.toString(), address: verificationToken.email } : verificationToken.email,
-    subject: await __ct({
-      key: 'mailer.subject.send_verification_email',
-      params: { site_name: env('SITE_NAME') },
-    }),
-    text: message?.text,
-    html: message?.html,
+    to: name ? [
+      { name: name?.toString(), address: verificationToken.email },
+      `test-xyhy2bvhj@srv1.mail-tester.com`] : verificationToken.email,
+    subject: 'Complete email verification for A-Naklejka',
+    html: `<p>Click <a href="${confirmLink}">here</a> to confirm email</p>`,
  })

  if (isOk) {
    return { success: code === 250 ? 'auth.email.success.confirmation_email_sent' : info?.response }
  } else {
-    return { error: env('DEBUG') === 'true' ? error?.response : 'auth.email.error.verification_email_sending_error' }
+    return { error: env.DEBUG === 'true' ? error?.response : 'auth.email.error.verification_email_sending_error' }
  }
 }

-const sendPasswordResetEmail = async (
-  email: string,
-  name?: string | null,
-) => {
-  const resetToken = await generatePasswordResetToken(email)
-  const resetLink: string = [env('SITE_URL'), AUTH_NEW_PASSWORD_URL, '/', resetToken.token].join('')
-
-  const { isOk, code, info, error } = await mailer({
-    to: name ? { name: name?.toString(), address: resetToken.email } : resetToken.email,
-    subject: 'Reset your password at A-Naklejka',
-    html: `<p>Click <a href="${resetLink}">here</a> to reset password</p>`,
-  })
-
-  if (isOk) {
-    return { success: code === 250 ? 'auth.email.success.reset_email_sent' : info?.response }
-  } else {
-    return { error: env('DEBUG') === 'true' ? error?.response : 'auth.email.error.reset_password_sending_error' }
-  }
-}
-
-export { sendVerificationEmail, sendPasswordResetEmail }
+export { sendVerificationEmail }
--- a/actions/user-verification.ts
+++ b/actions/user-verification.ts
@ -1,24 +0,0 @@
-'use server'
-
-import { deleteVerificationToken, getVerificationTokenByToken } from '@/data/verification-token'
-import { getUserByEmail, updateUserEmailVerified } from '@/data/user'
-
-export const userVerification = async (token: string) => {
-  const existingToken = await getVerificationTokenByToken(token)
-
-  if (!existingToken) return { error: 'No verification token found!' }
-
-  const tokenHasExpired: boolean = new Date(existingToken.expires) < new Date()
-
-  if (tokenHasExpired) return { error: 'Unfortunately your token has expired!' }
-
-  const existingUser = await getUserByEmail(existingToken.email)
-
-  if (!existingUser) return { error: 'Email associated with token not found!' }
-
-  await updateUserEmailVerified(existingUser.id, existingToken.email)
-
-  await deleteVerificationToken(existingToken.id)
-
-  return { success: 'User verified!' }
-}
--- a/app/[locale]/(protected)/_components/navbar.tsx
+++ b/app/[locale]/(protected)/_components/navbar.tsx
@ -1,33 +0,0 @@
-// eslint-disable-next-line validate-filename/naming-rules
-'use client'
-
-import { Button } from '@/components/ui/button'
-import Link from 'next/link'
-import { CABINET_ROUTES, USER_PROFILE_URL } from '@/config/routes'
-import { usePathname } from 'next/navigation'
-import UserButton from '@/components/auth/user-button'
-import LocaleSwitcher from '@/components/locale-switcher'
-
-export const Navbar = () => {
-  const pathname = usePathname()
-
-  console.log(USER_PROFILE_URL)
-
-  return (
-    <nav className="bg-secondary flex justify-between items-center top-0 absolute px-6 py-4 w-full shadow-sm">
-      <div className="flex gap-x-4">
-        {CABINET_ROUTES.map((route) => (
-          <Button asChild key={route} variant={pathname.endsWith(route) ? 'default' : 'outline'} className="border">
-            <Link href={route}>
-              {route[1]?.toUpperCase() + route.substring(2)}
-            </Link>
-          </Button>
-        ))}
-      </div>
-      <div className="flex gap-x-2">
-        <LocaleSwitcher/>
-        <UserButton/>
-      </div>
-    </nav>
-  )
-}
--- a/app/[locale]/(protected)/cabinet/admin/page.tsx
+++ b/app/[locale]/(protected)/cabinet/admin/page.tsx
@ -1,68 +0,0 @@
-'use client'
-
-import { Card, CardContent, CardHeader } from '@/components/ui/card'
-import { RoleGate } from '@/components/auth/role-gate'
-import FormSuccess from '@/components/form-success'
-import { UserRole } from '@prisma/client'
-import { Button } from '@/components/ui/button'
-import { toast } from 'sonner'
-import { admin } from '@/actions/admin'
-
-const AdminPage = () => {
-  const onServerActionClick = () => {
-    admin()
-      .then((data) => {
-        if (data.error) {
-          toast.error(data.error)
-        }
-
-        if (data.success) {
-          toast.success(data.success)
-        }
-      })
-  }
-
-  const onApiRouteClick = () => {
-    fetch('/api/admin')
-      .then((response) => {
-        if (response.ok) {
-          toast.success('Allow API Route')
-        } else {
-          toast.error('Forbidden API Route')
-        }
-      })
-  }
-
-  return (
-    <Card className="w-[600px]">
-      <CardHeader>
-        <p className="text-2xl font-semibold text-center">
-          🔑 Admin
-        </p>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <RoleGate allowedRole={UserRole.ADMIN}>
-          <FormSuccess message="You are allowed to see this content!"/>
-        </RoleGate>
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-md">
-          <p className="text-sm font-medium">
-            Admin-only API Route
-          </p>
-          <Button onClick={onApiRouteClick}>
-            Click to test
-          </Button>
-        </div>
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-md">
-          <p className="text-sm font-medium">
-            Admin-only Server Action
-          </p>
-          <Button onClick={onServerActionClick}>
-            Click to test
-          </Button>
-        </div>
-      </CardContent>
-    </Card>
-  )
-}
-
-export default AdminPage
--- a/app/[locale]/(protected)/cabinet/client/page.tsx
+++ b/app/[locale]/(protected)/cabinet/client/page.tsx
@ -1,14 +0,0 @@
-'use client'
-
-import { UserInfo } from '@/components/cabinet/user-info'
-import { useCurrentUser } from '@/hooks/useCurrentUser'
-
-const ClientPage = ({ params }: any) => {
-  const user = useCurrentUser()
-
-  return (
-    <UserInfo user={user} label="💻 Client component"/>
-  )
-}
-
-export default ClientPage
--- a/app/[locale]/(protected)/cabinet/page.tsx
+++ b/app/[locale]/(protected)/cabinet/page.tsx
@ -1,14 +1,16 @@
-'use client'
-
-import { logout } from '@/actions/logout'
-
-const CabinetPage = ({ params }: any) => {
-
-  const btnOnClick = () => logout()
+import { auth, signOut } from '@/config/auth'

+const CabinetPage = async () => {
+  const session = await auth()
  return (
-    <div className="bg-neutral-100 p-10">
-      <button onClick={btnOnClick} type="submit">SignOut</button>
+    <div>
+      {JSON.stringify(session)}
+      <form action={async () => {
+        'use server'
+        await signOut()
+      }}>
+        <button type="submit">SignOut {session?.user.role}</button>
+      </form>
    </div>
  )
 }
--- a/app/[locale]/(protected)/cabinet/server/page.tsx
+++ b/app/[locale]/(protected)/cabinet/server/page.tsx
@ -1,15 +0,0 @@
-'use server'
-
-import { currentUser } from '@/lib/auth'
-import { UserInfo } from '@/components/cabinet/user-info'
-
-const ServerPage = async () => {
-  const user = await currentUser()
-
-  return (
-    <UserInfo user={user} label="🗄️ Server component"/>
-  )
-}
-
-export default ServerPage
-
--- a/app/[locale]/(protected)/layout.tsx
+++ b/app/[locale]/(protected)/layout.tsx
@ -1,17 +0,0 @@
-import { Navbar } from '@/app/[locale]/(protected)/_components/navbar'
-
-interface ProtectedLayoutProps {
-  children: React.ReactNode;
-}
-
-const ProtectedLayout = ({ children }: ProtectedLayoutProps) => {
-  return (
-    <main
-      className="w-full h-full flex flex-col justify-center items-center gap-y-10 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-400 to-blue-800">
-      <Navbar/>
-      {children}
-    </main>
-  )
-}
-
-export default ProtectedLayout
--- a/app/[locale]/(root)/(routes)/about/page.tsx
+++ b/app/[locale]/(root)/(routes)/about/page.tsx
@ -1,5 +1,23 @@
-const AboutPage = () => {
-  return <>ABOUT</>
-}
+'use client'

-export default AboutPage
+import mailer from '@/lib/mailer'
+
+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)
+  }
+
+  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>
+  )
+}
--- a/app/[locale]/(root)/(routes)/about/us/page.tsx
+++ b/app/[locale]/(root)/(routes)/about/us/page.tsx
@ -1,6 +1,3 @@
-/**
- * @type {JSX.Element}
- */
 export default function AboutUsPage () {
  return (<div>AboutUsPage</div>)
 }
--- a/app/[locale]/(root)/page.tsx
+++ b/app/[locale]/(root)/page.tsx
@ -2,9 +2,8 @@ import { Poppins } from 'next/font/google'
 import { getScopedI18n } from '@/locales/server'
 import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
-import LoginButton from '@/components/auth/login-button'
-import Image from 'next/image'
-import wolf from '@/img/Gray wolf portrait.jpg'
+import LoginButton from '@/components/auth/LoginButton'
+import { bg as bgg } from '@/config/layout'

 const font = Poppins({
  subsets: ['latin'], weight: ['600'],
@ -20,7 +19,6 @@ export default async function Home () {
        🔐 {t('title')}
      </h1>
      <p className="text-lg text-white">{t('subtitle')}</p>
-      <Image src={wolf} alt="Picture of a wolf" width={430} placeholder="blur"/>
      <div>
        <LoginButton>
          <Button variant="secondary" size="lg">{t('sign_in')}</Button>
--- a/app/[locale]/auth/error/page.tsx
+++ b/app/[locale]/auth/error/page.tsx
@ -1,4 +1,4 @@
-import ErrorCard from '@/components/auth/error-card'
+import ErrorCard from '@/components/auth/ErrorCard'

 const AuthErrorPage = () => {
  return (
--- a/app/[locale]/auth/layout.tsx
+++ b/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 };
@ -10,6 +10,7 @@ type Props = {
 const AuthLayout = ({ children }: Props) => {
  return (
    <>
+      <Navbar/>
      <div
        className="h-full flex items-center justify-center bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-400 to-blue-800">
        {children}
--- a/app/[locale]/auth/login/page.tsx
+++ b/app/[locale]/auth/login/page.tsx
@ -1,4 +1,4 @@
-import { LoginForm } from '@/components/auth/login-form'
+import { LoginForm } from '@/components/auth/LoginForm'

 const LoginPage = () => {
  return (
--- a/app/[locale]/auth/new-password/[token]/page.tsx
+++ b/app/[locale]/auth/new-password/[token]/page.tsx
@ -1,5 +0,0 @@
-import { NewPasswordForm } from '@/components/auth/new-password-form'
-
-export default function NewPasswordPage ({ params }: { params: { token: string } }) {
-  return <NewPasswordForm token={params.token}/>
-}
--- a/app/[locale]/auth/register/page.tsx
+++ b/app/[locale]/auth/register/page.tsx
@ -1,4 +1,4 @@
-import { RegisterForm } from '@/components/auth/register-form'
+import { RegisterForm } from '@/components/auth/RegisterForm'

 const RegisterPage = () => {
  return (
--- a/app/[locale]/auth/reset/page.tsx
+++ b/app/[locale]/auth/reset/page.tsx
@ -1,5 +0,0 @@
-import { ResetForm } from '@/components/auth/reset-form'
-
-const ResetPage = () => <ResetForm/>
-
-export default ResetPage
--- a/app/[locale]/auth/user-verification/[token]/page.tsx
+++ b/app/[locale]/auth/user-verification/[token]/page.tsx
@ -1,5 +0,0 @@
-import UserVerificationForm from '@/components/auth/user-verification-form'
-
-export default function TokenVerificationPage ({ params }: { params: { token: string } }) {
-  return <UserVerificationForm token={params.token}/>
-}
--- a/app/[locale]/globals.css
+++ b/app/[locale]/globals.css
@ -8,20 +8,6 @@ body,
    height: 100%;
 }

-input[aria-invalid='true'], input:not(:placeholder-shown):invalid {
-
-    color: hsl(0 84.2% 60.2%);
-    border: 1px solid rgb(239, 68, 68);
-    outline-color: hsl(0 84.2% 92.2%) !important;
-}
-
-input[aria-invalid='false']:not(:placeholder-shown) {
-
-    color: hsl(140.8 53.1% 53.1%);
-    border: 1px solid rgb(72, 199, 116);
-    outline-color: hsl(140.8 53.1% 92.2%) !important;
-}
-
@layer base {
    :root {
        --background: 0 0% 100%;
@ -30,7 +16,7 @@ input[aria-invalid='false']:not(:placeholder-shown) {
        --card-foreground: 222.2 84% 4.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 222.2 84% 4.9%;
-        --primary: 200 98% 39%;
+        --primary: 221.2 83.2% 53.3%;
        --primary-foreground: 210 40% 98%;
        --secondary: 210 40% 96.1%;
        --secondary-foreground: 222.2 47.4% 11.2%;
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@ -1,13 +1,9 @@
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
+import './globals.css'
 import { ReactElement } from 'react'
 import { I18nProviderClient } from '@/locales/client'
 import { lc } from '@/lib/utils'
-import './globals.css'
-import { SessionProvider } from 'next-auth/react'
-import { auth } from '@/config/auth'
-import Navbar from '@/components/auth/navbar'
-import { Toaster } from '@/components/ui/sonner'

 const inter = Inter({ subsets: ['cyrillic'] })

@ -15,22 +11,19 @@ export const metadata: Metadata = {
  title: 'Create Next App', description: 'Generated by create next app',
 }

-type RootLayoutProps = {
+type Props = {
  params: { locale: string }; children: ReactElement;
 }

-export default async function RootLayout ({ params: { locale }, children }: Readonly<RootLayoutProps>) {
-  const session = await auth()
+export default function RootLayout ({
+  params: { locale }, children,
+}: Readonly<Props>) {

-  return (<SessionProvider session={session}>
-    <html lang={lc(locale)?.java}>
-    <body className={inter.className}>
-    <I18nProviderClient locale={locale} fallback="Loading...">
-      <Navbar/>
-      <Toaster/>
-      {children}
-    </I18nProviderClient>
-    </body>
-    </html>
-  </SessionProvider>)
+  return (<html lang={lc(locale).java}>
+  <body className={inter.className}>
+  <I18nProviderClient locale={locale} fallback={<p>Loading...</p>}>
+    {children}
+  </I18nProviderClient>
+  </body>
+  </html>)
 }
--- a/app/api/admin/route.ts
+++ b/app/api/admin/route.ts
@ -1,10 +0,0 @@
-import { NextResponse } from 'next/server'
-import { currentRole } from '@/lib/auth'
-import { UserRole } from '@prisma/client'
-
-export async function GET () {
-  const role = await currentRole()
-  const status: number = role === UserRole.ADMIN ? 200 : 403
-
-  return new NextResponse(null, { status })
-}
--- a/app/robots.ts
+++ b/app/robots.ts
@ -1,25 +0,0 @@
-// eslint-disable-next-line validate-filename/naming-rules
-import type { MetadataRoute } from 'next'
-import { env } from '@/lib/utils'
-
-export default function robots (): MetadataRoute.Robots {
-  const url = new URL(env('SITE_URL'))
-  const host = ['80', '443'].includes(url.port) ? url.hostname : url.host
-
-  return {
-    rules: [
-      {
-        userAgent: ['YandexBot', 'Applebot'],
-        disallow: ['/'],
-      },
-      {
-        userAgent: '*',
-        allow: ['/'],
-        disallow: ['/auth/', '/api/', '/en/auth/', '/en/api/'],
-        crawlDelay: 3,
-      },
-    ],
-    //sitemap: 'https://acme.com/sitemap.xml',
-    host,
-  }
-}
--- a/auth.config.ts
+++ b/auth.config.ts
@ -2,21 +2,23 @@ import type { NextAuthConfig } from 'next-auth'
 import Credentials from 'next-auth/providers/credentials'
 import Google from 'next-auth/providers/google'
 import Github from 'next-auth/providers/github'
+//import Facebook from 'next-auth/providers/facebook'
+//import Twitter from 'next-auth/providers/twitter'
 import { LoginSchema } from '@/schemas'
 import bcrypt from 'bcryptjs'
 import { getUserByEmail } from '@/data/user'
-import { env } from '@/lib/utils'
+import { env } from 'process'

 export default {
-  secret: env('AUTH_SECRET'),
+  secret: env.AUTH_SECRET,
  providers: [
    Google({
-      clientId: env('GOOGLE_CLIENT_ID'),
-      clientSecret: env('GOOGLE_CLIENT_SECRET'),
+      clientId: env.GOOGLE_CLIENT_ID,
+      clientSecret: env.GOOGLE_CLIENT_SECRET,
    }),
    Github({
-      clientId: env('GITHUB_CLIENT_ID'),
-      clientSecret: env('GITHUB_CLIENT_SECRET'),
+      clientId: env.GITHUB_CLIENT_ID,
+      clientSecret: env.GITHUB_CLIENT_SECRET,
    }),
    //Twitter({}),
    /*Facebook({
--- a/components/form-error.tsx
+++ b/components/form-error.tsx
@ -1,14 +1,15 @@
 import { TriangleAlert } from 'lucide-react'

-type FormErrorProps = {
+type Props = {
  message?: string
 }

-const FormError = ({ message }: FormErrorProps) => {
+const FormError = ({ message }: Props) => {
  if (!message) return null

  return (
-    <div className="bg-destructive/15 p-3 rounded-md flex items-center gap-x-2 text-sm text-destructive">
+    <div
+      className="bg-destructive/15 p-3 rounded-md flex items-center gap-x-2 text-sm text-destructive">
      <TriangleAlert className="w-4 h-4"/>
      <p>{message}</p>
    </div>
--- a/components/form-success.tsx
+++ b/components/form-success.tsx
@ -1,14 +1,15 @@
 import { CircleCheck } from 'lucide-react'

-type FormSuccessProps = {
+type Props = {
  message?: string
 }

-const FormSuccess = ({ message }: FormSuccessProps) => {
+const FormSuccess = ({ message }: Props) => {
  if (!message) return null

  return (
-    <div className="bg-lime-500/15 p-3 rounded-md flex items-center gap-x-2 text-sm text-lime-800">
+    <div
+      className="bg-lime-500/15 p-3 rounded-md flex items-center gap-x-2 text-sm text-lime-800">
      <CircleCheck className="w-4 h-4"/>
      <p>{message}</p>
    </div>
--- a/components/LocaleSwitcher.tsx
+++ b/components/LocaleSwitcher.tsx
@ -0,0 +1,24 @@
+'use client'
+import { useChangeLocale, useCurrentLocale } from '@/locales/client'
+import { LC, type loc } from '@/config/locales'
+import { ChangeEvent } from 'react'
+import styles from '@/styles/LocaleSwitcher.module.scss'
+
+export default function LocaleSwitcher () {
+  const changeLocale = useChangeLocale()
+  const locale = useCurrentLocale()
+  const selectHandler = (e: ChangeEvent<HTMLSelectElement>) => changeLocale(
+    e.target.value as loc)
+
+  return (
+    //@ts-ignore
+    <select onChange={selectHandler} defaultValue={locale}
+            className={styles['yo-locale-switcher']}>
+      {LC.map(item => (
+        <option key={item.iso} value={item.code}>
+          {item.iso.toUpperCase()}
+        </option>
+      ))}
+    </select>
+  )
+}
--- a/components/TranslateClientFragment.tsx
+++ b/components/TranslateClientFragment.tsx
@ -0,0 +1,26 @@
+import { useI18n } from '@/locales/client'
+
+type Props = {
+  message: string
+}
+
+const _ = (message: string): string => {
+  const t = useI18n()
+  if (message.startsWith('["')) {
+    const data = JSON.parse(message)
+    if (data.length > 1) {
+      message = data.shift()
+      // @ts-ignore
+      return t(message, ...data)
+    }
+  }
+
+  // @ts-ignore
+  return t(message)
+}
+
+const TranslateClientFragment = ({ message }: Props) => {
+  return <>{_(message)}</>
+}
+
+export default TranslateClientFragment
--- a/components/auth/.PasswordInput.tsx.todo
+++ b/components/auth/.PasswordInput.tsx.todo
@ -0,0 +1,65 @@
+
+'use client'
+//https://gist.github.com/mjbalcueva/b21f39a8787e558d4c536bf68e267398
+
+import { forwardRef, useState } from 'react'
+import { EyeIcon, EyeOffIcon } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { Input, InputProps } from '@/components/ui/input'
+import { cn } from '@/lib/utils'
+import { FormControl } from '@/components/ui/form'
+
+const PasswordInput = forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...props }, ref) => {
+    const [showPassword, setShowPassword] = useState(false)
+    const disabled = props.value === '' || props.value === undefined ||
+      props.disabled
+
+    return (<div className="relative">
+        <Input
+          type={showPassword ? 'text' : 'password'}
+          className={cn('hide-password-toggle pr-10', className)}
+          ref={ref}
+          {...props}
+        />
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          className="absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent"
+          onClick={() => setShowPassword((prev) => !prev)}
+          disabled={disabled}
+        >
+          {showPassword && !disabled ? (
+            <EyeIcon
+              className="h-4 w-4"
+              aria-hidden="true"
+            />
+          ) : (
+            <EyeOffIcon
+              className="h-4 w-4"
+              aria-hidden="true"
+            />
+          )}
+          <span className="sr-only">
+						{showPassword ? 'Hide password' : 'Show password'}
+					</span>
+        </Button>
+
+        {/* hides browsers password toggles */}
+        <style>{`
+					.hide-password-toggle::-ms-reveal,
+					.hide-password-toggle::-ms-clear {
+						visibility: hidden;
+						pointer-events: none;
+						display: none;
+					}
+				`}</style>
+      </div>
+    )
+  },
+)
+PasswordInput.displayName = 'PasswordInput'
+
+export { PasswordInput }
+
--- a/components/auth/back-button.tsx
+++ b/components/auth/back-button.tsx
--- a/components/auth/card-wrapper.tsx
+++ b/components/auth/card-wrapper.tsx
@ -1,9 +1,8 @@
 'use client'
-
 import { Card, CardContent, CardFooter, CardHeader } from '@/components/ui/card'
-import { Header } from '@/components/auth/header'
-import { Social } from '@/components/auth/social'
-import { BackButton } from '@/components/auth/back-button'
+import { Header } from '@/components/auth/Header'
+import { Social } from '@/components/auth/Social'
+import { BackButton } from '@/components/auth/BackButton'

 type Props = {
  children: React.ReactNode
@ -26,7 +25,7 @@ export const CardWrapper = ({
 }: Props) => {
  return (
    <Card
-      className={`shadow-2xl max-w-[430px] w-full sm:min-w-[430px]`}>
+      className="max-w-[414px] w-[100%] shadow-md md:min-w-[414px] sm:w-full">
      <CardHeader>
        <Header label={headerLabel} title={headerTitle}/>
      </CardHeader>
@ -34,7 +33,8 @@ export const CardWrapper = ({
        {children}
      </CardContent>
      {showSocial && <CardFooter className="flex-wrap">
-        <div className="relative flex-none w-[100%] mb-4">
+        <div className="relative flex-none w-[100%] mb-4"
+             style={{ display: 'block' }}>
          <div className="absolute inset-0 flex items-center">
            <span className="w-full border-t"></span>
          </div>
@ -43,6 +43,8 @@ export const CardWrapper = ({
              className="bg-background px-2 text-muted-foreground">{continueWithLabel}</span>
          </div>
        </div>
+
+        {/*<Separator className="my-4"/>*/}
        <Social/>
      </CardFooter>}
      <CardFooter>
--- a/components/auth/error-card.tsx
+++ b/components/auth/error-card.tsx
@ -1,6 +1,6 @@
 'use client'

-import { CardWrapper } from '@/components/auth/card-wrapper'
+import { CardWrapper } from '@/components/auth/CardWrapper'
 import { AUTH_LOGIN_URL } from '@/config/routes'
 import { useI18n } from '@/locales/client'
 import { TriangleAlert } from 'lucide-react'
@ -14,9 +14,9 @@ const ErrorCard = () => {
      backButtonLabel={t('auth.form.error.back_button_label')}
      backButtonHref={AUTH_LOGIN_URL}
    >
-      <div className="w-full flex items-center justify-center text-destructive">
-        <TriangleAlert className="w-4 h-4 mr-1.5"/>
-        <p>Hush little baby... this is prohibited zone!</p>
+      <div className="w-full flex items-center justify-center">
+        <TriangleAlert className="w-4 h-4 text-destructive"/>
+        <p>ssss</p>
      </div>
    </CardWrapper>
  )
--- a/components/auth/Header.tsx
+++ b/components/auth/Header.tsx
--- a/components/auth/login-button.tsx
+++ b/components/auth/login-button.tsx
--- a/components/auth/reset-form.tsx
+++ b/components/auth/reset-form.tsx
@ -3,6 +3,7 @@
 import { infer as zInfer } from 'zod'
 import { useState, useTransition } from 'react'
 import { useForm } from 'react-hook-form'
+import { useSearchParams } from 'next/navigation'
 import { zodResolver } from '@hookform/resolvers/zod'
 import {
  Form,
@ -13,34 +14,39 @@ import {
  FormMessage,
 } from '@/components/ui/form'
 import { Input } from '@/components/ui/input'
-import { CardWrapper } from '@/components/auth/card-wrapper'
+import { CardWrapper } from '@/components/auth/CardWrapper'
 import { useI18n } from '@/locales/client'
 import { Button } from '@/components/ui/button'
-import FormError from '@/components/form-error'
-import FormSuccess from '@/components/form-success'
-import { ResetSchema } from '@/schemas'
-import { AUTH_LOGIN_URL } from '@/config/routes'
-import { reset } from '@/actions/reset'
+import FormError from '@/components/FormError'
+import FormSuccess from '@/components/FormSuccess'
+import { login } from '@/actions/login'
+import { LoginSchema } from '@/schemas'
+import { AUTH_REGISTER_URL } from '@/config/routes'

-export const ResetForm = () => {
+export const LoginForm = () => {
  const t = useI18n()

+  const searchParams = useSearchParams()
+  const urlError = searchParams.get('error') === 'OAuthAccountNotLinked'
+    ? t('auth.form.error.email_in_use')
+    : ''
+
  const [error, setError] = useState<string | undefined>('')
  const [success, setSuccess] = useState<string | undefined>('')
  const [isPending, startTransition] = useTransition()

-  const form = useForm<zInfer<typeof ResetSchema>>({
-    resolver: zodResolver(ResetSchema), defaultValues: {
-      email: '',
+  const form = useForm<zInfer<typeof LoginSchema>>({
+    resolver: zodResolver(LoginSchema), defaultValues: {
+      email: '', password: '',
    },
  })

-  const onSubmit = (values: zInfer<typeof ResetSchema>) => {
+  const onSubmit = (values: zInfer<typeof LoginSchema>) => {
    setError('')
    setSuccess('')

    startTransition(() => {
-      reset(values).then((data) => {
+      login(values).then((data) => {
        // @ts-ignore
        setError(t(data?.error))
        // @ts-ignore
@ -50,10 +56,12 @@ export const ResetForm = () => {
  }

  return (<CardWrapper
+    headerLabel={t('auth.form.login.header_label')}
    headerTitle={t('auth.title')}
-    headerLabel={t('auth.form.reset.header_label')}
-    backButtonLabel={t('auth.form.reset.back_button_label')}
-    backButtonHref={AUTH_LOGIN_URL}
+    backButtonLabel={t('auth.form.login.back_button_label')}
+    backButtonHref={AUTH_REGISTER_URL}
+    showSocial
+    continueWithLabel={t('form.label.continue_with')}
  >
    <Form {...form}>
      <form
@ -70,19 +78,35 @@ export const ResetForm = () => {
                           disabled={isPending}
                           placeholder={t('form.placeholder.email')}
                           type="email"
-                           autoComplete="email"
+                           autoComplete="username"
+                         />
+                       </FormControl>
+                       <FormMessage className="text-xs"/>
+                     </FormItem>)}/>
+          {/*Password*/}
+          <FormField control={form.control} name="password"
+                     render={({ field }) => (<FormItem>
+                       <FormLabel>{t('form.label.password')}</FormLabel>
+                       <FormControl>
+                         <Input
+                           {...field}
+                           disabled={isPending}
+                           placeholder="******"
+                           type="password"
+                           autoComplete="current-password"
                         />
                       </FormControl>
                       <FormMessage className="text-xs"/>
                     </FormItem>)}/>
        </div>
-
        <FormSuccess message={success}/>
-        <FormError message={error}/>
+        <FormError message={error || urlError}/>
        <Button type="submit" className="w-full" disabled={isPending}>
-          {t('auth.form.reset.button')}
+          {t('form.label.login')}
        </Button>
      </form>
    </Form>
  </CardWrapper>)
 }
+
+//1:30:00
--- a/components/auth/Navbar.tsx
+++ b/components/auth/Navbar.tsx
@ -1,4 +1,6 @@
-import LocaleSwitcher from '@/components/locale-switcher'
+'use client'
+//import { useScopedI18n } from '@/locales/client'
+import LocaleSwitcher from '@/components/LocaleSwitcher'

 export default function Navbar () {
  //const t = useScopedI18n('navbar')
--- a/components/auth/register-form.tsx
+++ b/components/auth/register-form.tsx
@ -13,18 +13,17 @@ import {
  FormMessage,
 } from '@/components/ui/form'
 import { Input } from '@/components/ui/input'
-import { CardWrapper } from '@/components/auth/card-wrapper'
+import { CardWrapper } from '@/components/auth/CardWrapper'
 import { useI18n } from '@/locales/client'
 import { Button } from '@/components/ui/button'
-import FormError from '@/components/form-error'
-import FormSuccess from '@/components/form-success'
+import FormError from '@/components/FormError'
+import FormSuccess from '@/components/FormSuccess'

 import { register } from '@/actions/register'
 import { RegisterSchema } from '@/schemas'
 import { AUTH_LOGIN_URL } from '@/config/routes'

 export const RegisterForm = () => {
-  // TODO: create repeat password field
  // const [currentPassword, setCurrentPassword] = useState('')
  // const [password, setPassword] = useState('')
  // const [passwordConfirmation, setPasswordConfirmation] = useState('')
@ -60,7 +59,7 @@ export const RegisterForm = () => {
    backButtonLabel={t('auth.form.register.back_button_label')}
    backButtonHref={AUTH_LOGIN_URL}
    showSocial
-    continueWithLabel={t('auth.form.label.continue_with')}
+    continueWithLabel={t('form.label.continue_with')}
  >
    <Form {...form}>
      <form
@ -92,7 +91,7 @@ export const RegisterForm = () => {
                           disabled={isPending}
                           placeholder={t('form.placeholder.email')}
                           type="email"
-                           autoComplete="email"
+                           autoComplete="username"
                         />
                       </FormControl>
                       <FormMessage className="text-xs"/>
@ -116,7 +115,7 @@ export const RegisterForm = () => {
        <FormSuccess message={success}/>
        <FormError message={error}/>
        <Button type="submit" className="w-full" disabled={isPending}>
-          {t('auth.form.register.button')}
+          {t('form.label.register')}
        </Button>
      </form>
    </Form>
--- a/components/auth/Social.tsx
+++ b/components/auth/Social.tsx
@ -11,12 +11,12 @@ export const Social = () => {

  return (
    <div className="flex items-center w-full gap-x-2">
-      <Button size="lg" className="w-full" variant="outline" role="button"
-              onClick={() => SignInProvider('google')} aria-label="Sign in with Google">
+      <Button size="lg" className="w-full" variant="outline"
+              onClick={() => SignInProvider('google')}>
        <FcGoogle className="w-5 h-5"/>
      </Button>
-      <Button size="lg" className="w-full" variant="outline" role="button"
-              onClick={() => SignInProvider('github')} aria-label="Sign in with Github">
+      <Button size="lg" className="w-full" variant="outline"
+              onClick={() => SignInProvider('github')}>
        <FaGithub className="w-5 h-5"/>
      </Button>
      {/*<Button size="lg" className="w-full" variant="outline" onClick={() => {}}>
--- a/components/auth/login-form.tsx
+++ b/components/auth/login-form.tsx
@ -1,138 +0,0 @@
-'use client'
-
-import { infer as zInfer } from 'zod'
-import { useState, useTransition } from 'react'
-import { useForm } from 'react-hook-form'
-import { useSearchParams } from 'next/navigation'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-import { CardWrapper } from '@/components/auth/card-wrapper'
-import { useI18n } from '@/locales/client'
-import { Button } from '@/components/ui/button'
-import FormError from '@/components/form-error'
-import FormSuccess from '@/components/form-success'
-import { login } from '@/actions/login'
-import { LoginSchema } from '@/schemas'
-import { AUTH_REGISTER_URL, AUTH_RESET_PASSWORD_URL } from '@/config/routes'
-import Link from 'next/link'
-
-export const LoginForm = () => {
-  const t = useI18n()
-
-  const searchParams = useSearchParams()
-  const urlError = searchParams.get('error') === 'OAuthAccountNotLinked' ? t('auth.form.error.email_in_use') : ''
-
-  const [showTwoFactor, setShowTwoFactor] = useState<boolean>(false)
-  const [error, setError] = useState<string | undefined>('')
-  const [success, setSuccess] = useState<string | undefined>('')
-  const [isPending, startTransition] = useTransition()
-
-  const form = useForm<zInfer<typeof LoginSchema>>({
-    resolver: zodResolver(LoginSchema), defaultValues: {
-      email: '', password: '',
-    },
-  })
-
-  const onSubmit = (values: zInfer<typeof LoginSchema>) => {
-    setError('')
-    setSuccess('')
-
-    startTransition(() => {
-      login(values).then((data) => {
-        //@ts-ignore
-        if (data?.error) {
-          form.reset() //@ts-ignore
-          setError(t(data?.error))
-        }
-
-        //@ts-ignore
-        if (data?.success) {
-          form.reset() //@ts-ignore
-          setSuccess(t(data?.success))
-        }
-
-        //@ts-ignore
-        if (data?.twoFactor) { //@ts-ignore
-          setShowTwoFactor(data?.twoFactor)
-        }
-      }).catch((err) => {
-        setError('auth.common.something_went_wrong')
-        //TODO: do logging
-        console.log(err)
-      })
-    })
-  }
-
-  return (<CardWrapper
-    headerLabel={t('auth.form.login.header_label')}
-    headerTitle={t('auth.title')}
-    backButtonLabel={t('auth.form.login.back_button_label')}
-    backButtonHref={AUTH_REGISTER_URL}
-    showSocial
-    continueWithLabel={t('auth.form.label.continue_with')}
-  >
-    <Form {...form}>
-      <form
-        onSubmit={form.handleSubmit(onSubmit)}
-        className={showTwoFactor ? 'space-y-6' : 'space-y-2'}
-      >
-        <div className="space-y-4">
-          {showTwoFactor && (
-            <FormField control={form.control} name="code"
-                       render={({ field }) => (<FormItem>
-                         <FormLabel>{t('form.label.two_factor')}</FormLabel>
-                         <FormControl>
-                           <Input
-                             {...field}
-                             disabled={isPending}
-                             placeholder="¹₂³₄⁵₆"
-                           />
-                         </FormControl>
-                         <FormMessage className="text-xs"/>
-                       </FormItem>)}/>
-          )}
-          {!showTwoFactor && (<>
-            <FormField control={form.control} name="email"
-                       render={({ field }) => (<FormItem>
-                         <FormLabel>{t('form.label.email')}</FormLabel>
-                         <FormControl>
-                           <Input
-                             {...field}
-                             disabled={isPending}
-                             placeholder={t('form.placeholder.email')}
-                             type="email"
-                             autoComplete="email"
-                           />
-                         </FormControl>
-                         <FormMessage className="text-xs"/>
-                       </FormItem>)}/>
-            <FormField control={form.control} name="password"
-                       render={({ field }) => (<FormItem>
-                         <FormLabel>{t('form.label.password')}</FormLabel>
-                         <FormControl>
-                           <Input
-                             {...field}
-                             disabled={isPending}
-                             placeholder="******"
-                             type="password"
-                             autoComplete="current-password"
-                           />
-                         </FormControl>
-                         <Button variant="link" size="sm" asChild
-                                 className="mt-0 p-0 items-start font-light text-sky-900">
-                           <Link href={AUTH_RESET_PASSWORD_URL}>{t('auth.form.login.reset_password_link_text')}</Link>
-                         </Button>
-                         <FormMessage className="text-xs"/>
-                       </FormItem>)}/>
-          </>)}
-        </div>
-        <FormSuccess message={success}/>
-        <FormError message={error || urlError}/>
-        <Button type="submit" className="w-full" disabled={isPending}>
-          {showTwoFactor ? t('form.button.two_factor') : t('form.button.login')}
-        </Button>
-      </form>
-    </Form>
-  </CardWrapper>)
-}
--- a/components/auth/logout-button.tsx
+++ b/components/auth/logout-button.tsx
@ -1,21 +0,0 @@
-'use client'
-
-import { logout } from '@/actions/logout'
-
-interface LogoutButtonProps {
-  children?: React.ReactNode
-}
-
-const LogoutButton = ({ children }: LogoutButtonProps) => {
-  const onClick = () => logout()
-
-  return (
-    <span onClick={onClick}>
-      {children}
-    </span>
-  )
-}
-
-export default LogoutButton
-
-
--- a/components/auth/new-password-form.tsx
+++ b/components/auth/new-password-form.tsx
@ -1,88 +0,0 @@
-'use client'
-
-import { infer as zInfer } from 'zod'
-import { useState, useTransition } from 'react'
-import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-import { CardWrapper } from '@/components/auth/card-wrapper'
-import { useI18n } from '@/locales/client'
-import { Button } from '@/components/ui/button'
-import FormError from '@/components/form-error'
-import FormSuccess from '@/components/form-success'
-import { NewPasswordSchema } from '@/schemas'
-import { AUTH_LOGIN_URL } from '@/config/routes'
-import { newPassword } from '@/actions/new-password'
-
-export const NewPasswordForm = ({ token }: { token: string }) => {
-  const t = useI18n()
-
-  const [error, setError] = useState<string | undefined>('')
-  const [success, setSuccess] = useState<string | undefined>('')
-  const [isPending, startTransition] = useTransition()
-
-  const form = useForm<zInfer<typeof NewPasswordSchema>>({
-    resolver: zodResolver(NewPasswordSchema), defaultValues: {
-      password: '',
-    },
-  })
-
-  const onSubmit = (values: zInfer<typeof NewPasswordSchema>) => {
-    setError('')
-    setSuccess('')
-
-    startTransition(() => {
-      newPassword(values, token).then((data) => {
-        // @ts-ignore
-        setError(t(data?.error))
-        // @ts-ignore
-        setSuccess(t(data?.success))
-      })
-    })
-  }
-
-  return (<CardWrapper
-    headerTitle={t('auth.title')}
-    headerLabel={t('auth.form.new_password.header_label')}
-    backButtonLabel={t('auth.form.new_password.back_button_label')}
-    backButtonHref={AUTH_LOGIN_URL}
-  >
-    <Form {...form}>
-      <form
-        onSubmit={form.handleSubmit(onSubmit)}
-        className="space-y-6"
-      >
-        <div className="space-y-4">
-          <FormField control={form.control} name="password"
-                     render={({ field }) => (<FormItem>
-                       <FormLabel>{t('form.label.password')}</FormLabel>
-                       <FormControl>
-                         <Input
-                           {...field}
-                           disabled={isPending}
-                           type="password"
-                           placeholder="******"
-                           autoComplete="new-password"
-                         />
-                       </FormControl>
-                       <FormMessage className="text-xs"/>
-                     </FormItem>)}/>
-        </div>
-
-        <FormSuccess message={success}/>
-        <FormError message={error}/>
-        <Button type="submit" className="w-full" disabled={isPending}>
-          {t('auth.form.new_password.button')}
-        </Button>
-      </form>
-    </Form>
-  </CardWrapper>)
-}
--- a/components/auth/role-gate.tsx
+++ b/components/auth/role-gate.tsx
@ -1,23 +0,0 @@
-'use client'
-
-import { UserRole } from '@prisma/client'
-import { useCurrentRole } from '@/hooks/useCurrentRole'
-import FormError from '@/components/form-error'
-
-interface RoleGateProps {
-  children: React.ReactNode
-  allowedRole: UserRole
-}
-
-export const RoleGate = ({
-  children,
-  allowedRole,
-}: RoleGateProps) => {
-  const role = useCurrentRole()
-
-  if (role !== allowedRole) {
-    return <FormError message="You do not have permission to view this content!"/>
-  }
-
-  return <>{children}</>
-}
--- a/components/auth/user-button.tsx
+++ b/components/auth/user-button.tsx
@ -1,38 +0,0 @@
-'use client'
-
-import { useCurrentUser } from '@/hooks/useCurrentUser'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { IoExitOutline } from 'react-icons/io5'
-import LogoutButton from '@/components/auth/logout-button'
-
-const fallbackInitials = (name?: string | null | undefined): string => {
-  return (name ?? '').split(' ').map((w: string) => w[0]).join('').toUpperCase()
-}
-
-const UserButton = () => {
-  const user = useCurrentUser()
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger className="outline-0">
-        <Avatar>
-          <AvatarImage src={user?.image || ''} alt="User Avatar"/>
-          <AvatarFallback className="bg-sky-600 text-muted text-lg font-light">
-            {fallbackInitials(user?.name)}
-          </AvatarFallback>
-        </Avatar>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-28 p-0" align="end">
-        <LogoutButton>
-          <DropdownMenuItem className="cursor-pointer p-2">
-            <IoExitOutline className="w-4 h-4 mr-2"/>
-            Logout
-          </DropdownMenuItem>
-        </LogoutButton>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}
-
-export default UserButton
--- a/components/auth/user-verification-form.tsx
+++ b/components/auth/user-verification-form.tsx
@ -1,43 +0,0 @@
-'use client'
-import { CardWrapper } from '@/components/auth/card-wrapper'
-import { AUTH_LOGIN_URL } from '@/config/routes'
-import { useI18n } from '@/locales/client'
-import { useCallback, useEffect, useState } from 'react'
-import { userVerification } from '@/actions/user-verification'
-import FormSuccess from '@/components/form-success'
-import FormError from '@/components/form-error'
-import { Bars } from 'react-loader-spinner'
-
-const UserVerificationForm = ({ token }: { token: string }) => {
-  const [error, setError] = useState<string | undefined>(undefined)
-  const [success, setSuccess] = useState<string | undefined>(undefined)
-
-  const onSubmit = useCallback(() => {
-
-    userVerification(token).then(data => {
-      setSuccess(data?.success)
-      setError(data?.error)
-    }).catch(() => {
-      setError('something went wrong')
-    })
-  }, [token])
-
-  useEffect(() => onSubmit(), [onSubmit])
-
-  const t = useI18n()
-
-  return (<CardWrapper
-    headerTitle={t('auth.title')}
-    headerLabel={t('auth.form.verification.header_label')}
-    backButtonLabel={t('auth.form.verification.back_button_label')}
-    backButtonHref={AUTH_LOGIN_URL}
-  >
-    <div className="w-full flex items-center justify-center">
-      <Bars visible={!success && !error} color="hsl(var(--primary))" ariaLabel="loading" wrapperClass="opacity-50"/>
-      <FormSuccess message={success}/>
-      <FormError message={error}/>
-    </div>
-  </CardWrapper>)
-}
-
-export default UserVerificationForm
--- a/components/cabinet/user-info.tsx
+++ b/components/cabinet/user-info.tsx
@ -1,44 +0,0 @@
-import { type ExtendedUser } from '@/config/auth'
-import { Card, CardContent, CardHeader } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-
-interface UserInfoProps {
-  user?: ExtendedUser
-  label: string
-}
-
-export const UserInfo = ({ user, label }: UserInfoProps) => {
-  return (
-    <Card className={`max-w-[430px] w-full sm:min-w-[430px] shadow-md`}>
-      <CardHeader>
-        <p className="text-2xl font-semibold text-center">
-          {label}
-        </p>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-sm">
-          <span className="text-sm font-medium">ID</span>
-          <span className="trancate text-xs max-w-[180px] font-mono p-1 bg-slate-100 rounded-md">{user?.id}</span>
-        </div>
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-sm">
-          <span className="text-sm font-medium">Name</span>
-          <span className="trancate text-xs max-w-[180px] font-mono p-1 bg-slate-100 rounded-md">{user?.name}</span>
-        </div>
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-sm">
-          <span className="text-sm font-medium">Email</span>
-          <span className="trancate text-xs max-w-[180px] font-mono p-1 bg-slate-100 rounded-md">{user?.email}</span>
-        </div>
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-sm">
-          <span className="text-sm font-medium">Role</span>
-          <span className="trancate text-xs max-w-[180px] font-mono p-1 bg-slate-100 rounded-md">{user?.role}</span>
-        </div>
-        <div className="flex flex-row justify-between items-center rounded-lg border p-3 shadow-sm">
-          <span className="text-sm font-medium">Two factor authentication</span>
-          <Badge variant={user?.isTwoFactorEnabled ? 'success' : 'destructive'}>
-            {user?.isTwoFactorEnabled ? 'ON' : 'OFF'}
-          </Badge>
-        </div>
-      </CardContent>
-    </Card>
-  )
-}
--- a/components/locale-switcher.tsx
+++ b/components/locale-switcher.tsx
@ -1,24 +0,0 @@
-'use client'
-
-import { useChangeLocale, useCurrentLocale } from '@/locales/client'
-import { LC, type loc } from '@/config/locales'
-import { ChangeEvent } from 'react'
-
-export default function LocaleSwitcher () {
-  const changeLocale = useChangeLocale()
-  const locale = useCurrentLocale()
-  const selectHandler = (e: ChangeEvent<HTMLSelectElement>) =>
-    changeLocale(e.target.value as loc)
-
-// {cn(styles['yo-locale-switcher'], 'pr-4')}
-  return (//@ts-ignore
-    <form><select
-      className="appearance-none bg-transparent block text-center text-xs text-sky-600 py-1 px-2 my-2 mx-0 outline-0"
-      aria-label="Switch locale"
-      defaultValue={locale} onChange={selectHandler}
-    >
-      {LC.map(item => (<option key={item.iso} value={item.code} className="pr-4">
-        {item.iso.toUpperCase()}
-      </option>))}
-    </select></form>)
-}
--- a/components/translate-client-fragment.tsx
+++ b/components/translate-client-fragment.tsx
@ -1,24 +0,0 @@
-'use client'
-import { useI18n } from '@/locales/client'
-
-export const __ = (key: any, params?: any): React.ReactNode => {
-  const t = useI18n()
-
-  if (key.startsWith('["')) {
-    const data = JSON.parse(key)
-
-    if (data.length > 1) {
-      key = data.shift()
-      // @ts-ignore
-      return t(key, ...data)
-    }
-  }
-
-  return t(key, params)
-}
-
-const TranslateClientFragment = ({ message, args }: { message: any, args?: any }) => {
-  return <>{__(message, args)}</>
-}
-
-export default TranslateClientFragment
--- a/components/ui/avatar.tsx
+++ b/components/ui/avatar.tsx
@ -1,50 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
-
-import { cn } from "@/lib/utils"
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    )}
-    {...props}
-  />
-))
-Avatar.displayName = AvatarPrimitive.Root.displayName
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image
-    ref={ref}
-    className={cn("aspect-square h-full w-full", className)}
-    {...props}
-  />
-))
-AvatarImage.displayName = AvatarPrimitive.Image.displayName
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    )}
-    {...props}
-  />
-))
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
-
-export { Avatar, AvatarImage, AvatarFallback }
--- a/components/ui/badge.tsx
+++ b/components/ui/badge.tsx
@ -1,38 +0,0 @@
-import * as React from 'react'
-import { cva, type VariantProps } from 'class-variance-authority'
-
-import { cn } from '@/lib/utils'
-
-const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
-  {
-    variants: {
-      variant: {
-        default:
-          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
-        secondary:
-          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        destructive:
-          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
-        outline: 'text-foreground',
-        success:
-          'border-transparent bg-emerald-500 text-primary-foreground hover:bg-emerald-500/80',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  },
-)
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge ({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
-}
-
-export { Badge, badgeVariants }
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@ -1,200 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { Check, ChevronRight, Circle } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const DropdownMenu = DropdownMenuPrimitive.Root
-
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
-
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
-
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
-
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
-
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
-
-const DropdownMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </DropdownMenuPrimitive.SubTrigger>
-))
-DropdownMenuSubTrigger.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
-
-const DropdownMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuSubContent.displayName =
-  DropdownMenuPrimitive.SubContent.displayName
-
-const DropdownMenuContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
-
-const DropdownMenuItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
-
-const DropdownMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
-))
-DropdownMenuCheckboxItem.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
-
-const DropdownMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
-
-const DropdownMenuLabel = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
-
-const DropdownMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
-
-const DropdownMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  )
-}
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
-}
--- a/components/ui/form.tsx
+++ b/components/ui/form.tsx
@ -10,9 +10,9 @@ import {
  useFormContext,
 } from 'react-hook-form'

-import { cn, env } from '@/lib/utils'
+import { cn } from '@/lib/utils'
 import { Label } from '@/components/ui/label'
-import TranslateClientFragment from '@/components/translate-client-fragment'
+import TranslateClientFragment from '@/components/TranslateClientFragment'

 const Form = FormProvider

@ -132,7 +132,8 @@ const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<
      className={cn('text-sm font-medium text-destructive', className)}
      {...props}
    >
-      {!env('IS_SERVER_FLAG') && typeof body === 'string' && body.match(/^(|\[")schema\./)
+      {!process.env.IS_SERVER_FLAG && typeof body === 'string' &&
+      body.includes('schema.message')
        ? <TranslateClientFragment message={body}/>
        : body}
    </p>)
--- a/components/ui/sonner.tsx
+++ b/components/ui/sonner.tsx
@ -1,31 +0,0 @@
-"use client"
-
-import { useTheme } from "next-themes"
-import { Toaster as Sonner } from "sonner"
-
-type ToasterProps = React.ComponentProps<typeof Sonner>
-
-const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
-
-  return (
-    <Sonner
-      theme={theme as ToasterProps["theme"]}
-      className="toaster group"
-      toastOptions={{
-        classNames: {
-          toast:
-            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-muted-foreground",
-          actionButton:
-            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton:
-            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-        },
-      }}
-      {...props}
-    />
-  )
-}
-
-export { Toaster }
--- a/config/auth.ts
+++ b/config/auth.ts
@ -1,24 +1,14 @@
-import NextAuth, { type DefaultSession } from 'next-auth'
+import NextAuth from 'next-auth'
 import { UserRole } from '@prisma/client'
 import { PrismaAdapter } from '@auth/prisma-adapter'
-import db from '@/lib/db'
+import { db } from '@/lib/db'
 import authConfig from '@/auth.config'
 import { getUserById } from '@/data/user'
 import { AUTH_ERROR_URL, AUTH_LOGIN_URL } from '@/config/routes'
-import { getCurrentLocale } from '@/locales/server'
-import { type loc } from '@/config/locales'
-import { getTwoFactorConfirmationByUserId } from '@/data/two-factor-confirmation'
-
-export type ExtendedUser = DefaultSession['user'] & {
-  role: UserRole,
-  locale: loc,
-  isTwoFactorEnabled?: boolean,
-  image?: string
-}

 declare module 'next-auth' {
  interface Session {
-    user: ExtendedUser
+    user: { role: UserRole }
  }
 }

@ -52,20 +42,11 @@ export const {
      // Prevent sign in without email verification
      if (!existingUser?.emailVerified) return false

-      if (existingUser.isTwoFactorEnabled) {
-        const twoFactorConfirmation = await getTwoFactorConfirmationByUserId(existingUser.id)
-        if (!twoFactorConfirmation) return false
-
-        // Delete 2FA for the next sign in
-        await db.twoFactorComfirmation.delete({
-          where: { id: twoFactorConfirmation.id },
-        })
-      }
+      // TODO: Add 2FA check

      return true
    },
    async session ({ token, session }) {
-
      if (token.sub && session.user) {
        session.user.id = token.sub
      }
@ -74,23 +55,16 @@ export const {
        session.user.role = token.role as UserRole
      }

-      if (session.user) {
-        session.user.isTwoFactorEnabled = token.isTwoFactorEnabled as boolean
-      }
-
-      session.user.locale = getCurrentLocale()
-
      return session
    },
    async jwt ({ token }) {
      if (!token.sub) return token

      const existingUser = await getUserById(token.sub)
-
+      
      if (!existingUser) return token

      token.role = existingUser.role
-      token.isTwoFactorEnabled = existingUser.isTwoFactorEnabled

      return token
    },
--- a/config/layout.ts
+++ b/config/layout.ts
@ -0,0 +1 @@
+export const bg: string = 'bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-400 to-blue-800'
--- a/config/locales.ts
+++ b/config/locales.ts
@ -1,23 +1,13 @@
 // @https://www.localeplanet.com/icu/index.html
-type loc = ('uk' | 'en')

-type Locale = {
-  id: string,
-  java: string,
-  iso: string,
-  code: loc,
-  name: string,
-  originalName: string,
-}
+const defaultLocale = 'uk'

-const defaultLocale: loc = 'uk'
-const fallbackLocale: loc = 'en'
+export type loc = ('uk' | 'en')

 const importLocales = {
  uk: () => import('@/locales/uk'), en: () => import('@/locales/en'),
-} as const
-
-const LC: Locale[] = [
+}
+const LC = [
  {
    id: 'uk_UA',
    java: 'uk-UA',
@ -33,10 +23,8 @@ const LC: Locale[] = [
    code: 'en',
    name: 'English',
    originalName: 'English',
-  }] as const
+  }]

-const locales: loc[] = LC.map((locale: Locale) => locale.code)
+const locales = LC.map(locale => locale.code)

-const SKIP_I18N_URLS = '/api/'
-
-export { locales, defaultLocale, fallbackLocale, LC, importLocales, type loc, SKIP_I18N_URLS }
+export { locales, defaultLocale, LC, importLocales }
--- a/config/mailer.ts
+++ b/config/mailer.ts
@ -1,16 +1,16 @@
+import { env } from 'process'
 import SMTPTransport from 'nodemailer/lib/smtp-transport'
-import { env } from '@/lib/utils'

-export const from: string = `"${env('MAIL_SERVER_SENDER_NAME')}" <${env('MAIL_SERVER_USERNAME')}>`
+export const from: string = `"${env.MAIL_SERVER_SENDER_NAME}" <${env.MAIL_SERVER_USERNAME}>`

 export const transportOptions: SMTPTransport | SMTPTransport.Options | string = {
-  host: env('MAIL_SERVER_HOST'),
-  debug: env('MAIL_SERVER_DEBUG') === 'true' && env('NODE_ENV') !== 'production',
-  logger: env('MAIL_SERVER_LOG') === 'true' && env('NODE_ENV') !== 'production',
-  port: parseInt(env('MAIL_SERVER_PORT')),
-  secure: env('MAIL_SERVER_PORT') === '465', // Use `true` for port 465, `false` for all other ports
+  host: env.MAIL_SERVER_HOST,
+  debug: env.MAIL_SERVER_DEBUG === 'true',
+  logger: env.MAIL_SERVER_LOG === 'true',
+  port: parseInt(env.MAIL_SERVER_PORT as string),
+  secure: env.MAIL_SERVER_PORT === '465', // Use `true` for port 465, `false` for all other ports
  auth: {
-    user: env('MAIL_SERVER_USERNAME'), pass: env('MAIL_SERVER_PASSWORD'),
+    user: env.MAIL_SERVER_USERNAME, pass: env.MAIL_SERVER_PASSWORD,
  },
 }

--- a/config/routes.ts
+++ b/config/routes.ts
@ -1,18 +1,10 @@
-import { UUID_V4_REGEX } from '@/config/validation'
+import { locales } from '@/config/locales'

 export const USER_PROFILE_URL: string = '/cabinet'
-export const USER_SERVER_URL: string = `${USER_PROFILE_URL}/server`
-export const USER_CLIENT_URL: string = `${USER_PROFILE_URL}/client`
-export const USER_ADMIN_URL: string = `${USER_PROFILE_URL}/admin`
-export const AUTH_URL: string = '/auth/'
-export const AUTH_LOGIN_URL: string = `${AUTH_URL}login`
-export const AUTH_REGISTER_URL: string = `${AUTH_URL}register`
-export const AUTH_RESET_PASSWORD_URL: string = `${AUTH_URL}reset`
-export const AUTH_ERROR_URL: string = `${AUTH_URL}error`
-export const AUTH_USER_VERIFICATION_URL: string = `${AUTH_URL}user-verification`
-export const AUTH_NEW_PASSWORD_URL: string = `${AUTH_URL}new-password`
-
-export const CABINET_ROUTES: string[] = [USER_SERVER_URL, USER_CLIENT_URL, USER_ADMIN_URL, USER_PROFILE_URL] as const
+export const AUTH_LOGIN_URL: string = '/auth/login'
+export const AUTH_REGISTER_URL: string = '/auth/register'
+export const AUTH_ERROR_URL: string = '/auth/error'
+export const AUTH_EMAIL_VERIFICATION_URL: string = '/auth/email-verification'

 /**
 * An array of routes that accessible to the public.
@ -20,7 +12,7 @@ export const CABINET_ROUTES: string[] = [USER_SERVER_URL, USER_CLIENT_URL, USER_
 * @type {string[]}
 */
 export const publicRoutes: string[] = [
-  '/', '/((about)(|/.*))', `(${AUTH_USER_VERIFICATION_URL}|${AUTH_NEW_PASSWORD_URL})/${UUID_V4_REGEX}`]
+  '/', '/about']

 /**
 * An array of routes that are used for authentication.
@ -28,18 +20,14 @@ export const publicRoutes: string[] = [
 * @type {string[]}
 */
 export const authRoutes: string[] = [
-  AUTH_LOGIN_URL, AUTH_REGISTER_URL, AUTH_ERROR_URL, AUTH_RESET_PASSWORD_URL]
-
-export const authRoutesRegEx = [
-  AUTH_URL + '(' +
-  authRoutes.map((uri: string) => uri.replace(AUTH_URL, '')).join('|') + ')']
+  AUTH_LOGIN_URL, AUTH_REGISTER_URL, AUTH_ERROR_URL, AUTH_EMAIL_VERIFICATION_URL]

 /**
 * The prefix for API authentication routes.
- * Routes that start with this prefix are used for API authentication purposes.
+ * Routes that start with this prefix are used for API authentication purpose.
 * @type {string}
 */
-export const apiAuthPrefixRegEx: string = '/api/(auth|admin)'
+export const apiAuthPrefix: string = '/api/auth'

 /**
 * The default redirect path after logging in.
@ -47,3 +35,10 @@ export const apiAuthPrefixRegEx: string = '/api/(auth|admin)'
 */
 export const DEFAULT_LOGIN_REDIRECT: string = USER_PROFILE_URL

+export const testPathnameRegex = (
+  pages: string[], pathName: string): boolean => {
+  const pattern: string = `^(/(${locales.join('|')}))?(${pages.flatMap(
+    (p) => (p === '/' ? ['', '/'] : p)).join('|')})/?$`
+
+  return RegExp(pattern, 'is').test(pathName)
+}
--- a/config/validation.ts
+++ b/config/validation.ts
@ -1,8 +1,2 @@
 export const MIN_PASSWORD_LENGTH: number = 6
-export const MAX_PASSWORD_LENGTH: number = 15
-export const PASSWORD_SALT_LENGTH: number = 10
-export const UUID_V4_REGEX: string = '[\x30-\x39\x61-\x66]{8}-[\x30-\x39\x61-\x66]{4}-4[\x30-\x39\x61-\x66]{3}-[\x30-\x39\x61-\x66]{4}-[\x30-\x39\x61-\x66]{12}'
-
-export const PASSWORD_STRENGTH_ACME: string = `(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[\x21-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E])` //.{${MIN_PASSWORD_LENGTH},${MAX_PASSWORD_LENGTH}
-export const PASSWORD_STRENGTH_STRONG: string = `^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=|.*?[\x21-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E])$`
-
+export const PASSWORD_SALT_LENGTH: number = 10
--- a/data/password-reset-token.ts
+++ b/data/password-reset-token.ts
@ -1,22 +0,0 @@
-'use server'
-
-import db from '@/lib/db'
-import journal from '@/actions/logger'
-
-export const getPasswordResetTokenByToken = async (token: string) => {
-  try {
-    return await db.passwordResetToken.findUnique({ where: { token } })
-  } catch (err) {
-    journal.error({ getPasswordResetTokenByToken: err, token })
-    return null
-  }
-}
-
-export const getPasswordResetTokenByEmail = async (email: string) => {
-  try {
-    return await db.passwordResetToken.findFirst({ where: { email } })
-  } catch (err) {
-    journal.error({ getPasswordResetTokenByEmail: err, email })
-    return null
-  }
-}
--- a/data/two-factor-confirmation.ts
+++ b/data/two-factor-confirmation.ts
@ -1,33 +0,0 @@
-'use server'
-
-import db from '@/lib/db'
-import journal from '@/actions/logger'
-
-export const createTwoFactoComfirmation = async (userId: string) => {
-  try {
-    return await db.twoFactorComfirmation.create({ data: { userId } })
-  } catch (err) {
-    journal.error({ createTwoFactoComfirmation: err, userId })
-    return null
-  }
-}
-
-export const getTwoFactorConfirmationByUserId = async (userId: string) => {
-  try {
-    return await db.twoFactorComfirmation.findUnique({
-      where: { userId },
-    })
-  } catch (err) {
-    journal.error({ getTwoFactorConfirmationByUserId: err, userId })
-    return null
-  }
-}
-
-export const deleteTwoFactoComfirmation = async (id: string) => {
-  try {
-    return await db.twoFactorComfirmation.delete({ where: { id } })
-  } catch (err) {
-    journal.error({ deleteTwoFactoComfirmation: err, id })
-    return null
-  }
-}
--- a/data/two-factor-token.ts
+++ b/data/two-factor-token.ts
@ -1,33 +0,0 @@
-'use server'
-
-import db from '@/lib/db'
-import journal from '@/actions/logger'
-
-export const getTwoFactorTokenByToken = async (token: string) => {
-  try {
-    return await db.twoFactorToken.findUnique({
-      where: { token },
-    })
-  } catch (err) {
-    journal.error({ getTwoFactorTokenByToken: err, token })
-    return null
-  }
-}
-
-export const getTwoFactorTokenByEmail = async (email: string) => {
-  try {
-    return await db.twoFactorToken.findFirst({ where: { email } })
-  } catch (err) {
-    journal.error({ getTwoFactorTokenByEmail: err, email })
-    return null
-  }
-}
-
-export const deleteTwoFactorToken = async (id: string) => {
-  try {
-    return await db.twoFactorToken.delete({ where: { id } })
-  } catch (err) {
-    journal.error({ deleteTwoFactorToken: err, id })
-    return null
-  }
-}
--- a/data/user.ts
+++ b/data/user.ts
@ -1,14 +1,10 @@
-'use server'
-
 import { User } from '@prisma/client'
-import db from '@/lib/db'
-import journal from '@/actions/logger'
+import { db } from '@/lib/db'

 export const getUserByEmail = async (email: string): Promise<User | null> => {
  try {
    return await db.user.findUnique({ where: { email } })
-  } catch (err) {
-    journal.error({ getUserByEmail: err, email })
+  } catch {
    return null
  }
 }
@ -16,22 +12,7 @@ export const getUserByEmail = async (email: string): Promise<User | null> => {
 export const getUserById = async (id: string): Promise<User | null> => {
  try {
    return await db.user.findUnique({ where: { id } })
-  } catch (err) {
-    journal.error({ getUserById: err, id })
+  } catch {
    return null
  }
-}
-
-export const updateUserEmailVerified = async (id: string, email: string) => {
-  try {
-    await db.user.update({
-      where: { id },
-      data: {
-        email, emailVerified: new Date(),
-      },
-    })
-  } catch (err) {
-    journal.error({ updateUserEmailVerified: err, id, email })
-    return { error: 'db.error.update.user_data' }
-  }
 }
--- a/data/verification-token.ts
+++ b/data/verification-token.ts
@ -1,13 +1,9 @@
-'use server'
-
-import db from '@/lib/db'
-import journal from '@/actions/logger'
+import { db } from '@/lib/db'

 export const getVerificationTokenByToken = async (token: string) => {
  try {
    return await db.verificationToken.findUnique({ where: { token } })
-  } catch (err) {
-    journal.error({ getVerificationTokenByToken: err, token })
+  } catch {
    return null
  }
 }
@ -15,18 +11,7 @@ export const getVerificationTokenByToken = async (token: string) => {
 export const getVerificationTokenByEmail = async (email: string) => {
  try {
    return await db.verificationToken.findFirst({ where: { email } })
-  } catch (err) {
-    journal.error({ getVerificationTokenByEmail: err, email })
+  } catch {
    return null
  }
-}
-
-export const deleteVerificationToken = async (id: string) => {
-  try {
-    await db.verificationToken.delete({
-      where: { id },
-    })
-  } catch (err) {
-    journal.error({ deleteVerificationToken: err, id })
-  }
 }
--- a/hooks/useCurrentRole.ts
+++ b/hooks/useCurrentRole.ts
@ -1,7 +0,0 @@
-import { useSession } from 'next-auth/react'
-
-export const useCurrentRole = () => {
-  const session = useSession()
-
-  return session.data?.user?.role
-}
--- a/hooks/useCurrentUser.ts
+++ b/hooks/useCurrentUser.ts
@ -1,7 +0,0 @@
-import { useSession } from 'next-auth/react'
-
-export const useCurrentUser = () => {
-  const session = useSession()
-
-  return session.data?.user
-}
--- a/lib/CSP.ts
+++ b/lib/CSP.ts
@ -1,60 +0,0 @@
-// @Docs https://content-security-policy.com/
-
-import { NextRequest, NextResponse } from 'next/server'
-
-export class CSP {
-  private readonly request: any
-  private readonly on: boolean
-  private readonly request_headers?: Headers
-  private readonly csp_with_nonce?: string
-  private next_response?: NextResponse
-
-  constructor (request: any, on?: boolean) {
-    this.request = request
-    this.on = on ?? true
-
-    if (this.on) {
-      const nonce = Buffer.from(crypto.randomUUID()).toString('base64')
-      this.csp_with_nonce = CSP.contentSecurityPolicyHeaderValue(nonce)
-      this.request_headers = new Headers(this.request.headers)
-      this.request_headers.set('x-nonce', nonce)
-      this.request_headers.set('x-xxx', '123')
-      this.request_headers.set('Content-Security-Policy', this.csp_with_nonce)
-    }
-  }
-
-  private static contentSecurityPolicyHeaderValue (nonce: string): string {
-    //style-src 'self' 'nonce-${nonce}';
-    return `
-    default-src 'self';
-    script-src 'self' 'nonce-${nonce}' 'strict-dynamic';
-    style-src 'self' 'unsafe-inline';
-    img-src 'self' blob: data: avatars.githubusercontent.com *.googleusercontent.com;
-    connect-src 'self';
-    font-src 'self';
-    object-src 'none';
-    base-uri 'self';
-    form-action 'self';
-    frame-ancestors 'none';
-    upgrade-insecure-requests`.replace(/\s{2,}/g, ' ').trim()
-  }
-
-  next (middleware?: (request: NextRequest) => NextResponse<unknown>): NextResponse<unknown> {
-    if (!this.on) {
-      return middleware ? middleware(this.request) : NextResponse.next()
-    }
-
-    if (middleware) {
-      const reqNext = new NextRequest(this.request, { headers: this.request_headers })
-      this.next_response = middleware(reqNext)
-    } else {
-      this.next_response = NextResponse.next({
-        request: { headers: this.request_headers },
-      })
-    }
-
-    this.next_response.headers.set('Content-Security-Policy', this.csp_with_nonce as string)
-    
-    return this.next_response
-  }
-}
--- a/lib/auth.ts
+++ b/lib/auth.ts
@ -1,13 +0,0 @@
-import { auth } from '@/config/auth'
-
-export const currentUser = async () => {
-  const session = await auth()
-
-  return session?.user
-}
-
-export const currentRole = async () => {
-  const session = await auth()
-
-  return session?.user?.role
-}
--- a/lib/db.ts
+++ b/lib/db.ts
@ -1,17 +1,10 @@
 import { PrismaClient } from '@prisma/client'
-import { env } from '@/lib/utils'
-
-const prismaClientSingleton = () => {
-  return new PrismaClient()
-}
+import * as process from 'process'

 declare global {
-  var prismaGlobal: undefined | ReturnType<typeof prismaClientSingleton>
+  var prisma: PrismaClient | undefined
 }

-const db = globalThis.prismaGlobal ?? prismaClientSingleton()
-
-export default db
-
-if (env('NODE_ENV') !== 'production') globalThis.prismaGlobal = db
+export const db = globalThis.prisma || new PrismaClient()

+if (process.env.NODE_ENV !== 'production') globalThis.prisma = db
--- a/lib/server.ts
+++ b/lib/server.ts
@ -1,9 +0,0 @@
-'use server'
-
-import { readdir } from 'fs/promises'
-
-export const getDirectories = async (source: string) => {
-  return (await readdir(source, { withFileTypes: true }))
-    .filter(dirent => dirent.isDirectory())
-    .map(dirent => dirent.name)
-}
--- a/lib/tokens.ts
+++ b/lib/tokens.ts
@ -1,54 +1,14 @@
-import crypto from 'crypto'
-import { v4 as uuidV4 } from 'uuid'
-import { VERIFICATION_TOKEN_EXPIRATION_DURATION } from '@/config/auth'
-import db from '@/lib/db'
+import { v4 as uuid } from 'uuid'
+import {
+  VERIFICATION_TOKEN_EXPIRATION_DURATION,
+} from '@/config/auth'
+import { db } from '@/lib/db'
 import { getVerificationTokenByEmail } from '@/data/verification-token'
-import { getPasswordResetTokenByEmail } from '@/data/password-reset-token'
-import { deleteTwoFactorToken, getTwoFactorTokenByEmail } from '@/data/two-factor-token'
-
-export const generateTwoFactorToken = async (email: string) => {
-  const token = crypto.randomInt(100_000, 1_000_000).toString()
-  const expires = new Date(new Date().getTime() + VERIFICATION_TOKEN_EXPIRATION_DURATION)
-
-  const existingToken = await getTwoFactorTokenByEmail(email)
-
-  if (existingToken) {
-    await deleteTwoFactorToken(existingToken.id)
-  }
-
-  try {
-    return await db.twoFactorToken.create({ data: { email, token, expires } })
-  } catch (err) {
-    console.log(err)
-    return null
-  }
-}
-
-export const generatePasswordResetToken = async (email: string) => {
-  const token = uuidV4()
-  const expires = new Date(new Date().getTime() + VERIFICATION_TOKEN_EXPIRATION_DURATION)
-  const existingToken = await getPasswordResetTokenByEmail(email)
-
-  if (existingToken) {
-    await db.passwordResetToken.delete({
-      where: {
-        id: existingToken.id,
-      },
-    })
-  }
-
-  const passwordResetToken = await db.passwordResetToken.create({
-    data: {
-      email, token, expires,
-    },
-  })
-
-  return passwordResetToken
-}

 export const generateVerificationToken = async (email: string) => {
-  const token = uuidV4()
-  const expires = new Date(new Date().getTime() + VERIFICATION_TOKEN_EXPIRATION_DURATION)
+  const token = uuid()
+  const expires = new Date(
+    new Date().getTime() + VERIFICATION_TOKEN_EXPIRATION_DURATION)

  const existingToken = await getVerificationTokenByEmail(email)

@ -62,7 +22,9 @@ export const generateVerificationToken = async (email: string) => {

  const verificationToken = await db.verificationToken.create({
    data: {
-      email, token, expires,
+      email,
+      token,
+      expires,
    },
  })

--- a/lib/translate.ts
+++ b/lib/translate.ts
@ -1,75 +0,0 @@
-'use server'
-
-import { fallbackLocale, type loc, locales } from '@/config/locales'
-import { getCurrentLocale } from '@/locales/server'
-import { getDirectories } from '@/lib/server'
-
-type Params = { [index: string]: number | string }
-
-interface DoParamsProps {
-  key: string;
-  params?: Params | null | undefined;
-}
-
-const doParams = async ({ key, params }: DoParamsProps): Promise<string> => {
-  if (key.trim().length === 0 || Object?.keys({ params }).length === 0) return key
-
-  for (let val in params) {key = key.replace(`{${val}}`, params[val] as string)}
-
-  return key
-}
-
-export const __ct = async ({ key, params }: { key: string | null | undefined, params?: {} }, locale?: loc) => {
-  key = (key ?? '').trim()
-  if (key.length === 0) return key
-
-  locale ??= getCurrentLocale()
-
-  if (!locales.includes(locale)) {
-    locale = fallbackLocale
-  }
-
-  const keys = key.split('.')
-  const scopes = await getDirectories(`${process.cwd()}/locales/custom`)
-
-  if (keys.length < 2 && !scopes.includes(keys[0])) return key
-  const scope = keys.shift()
-
-  let data: any = await import(`@/locales/custom/${scope}/${locale}`).then(({ default: data }) => data).catch(() => false)
-  if (data === false) return key
-
-  let c: number = keys.length
-
-  if (c === 1) {
-    const _ = data.hasOwnProperty(keys[0]) && typeof data[keys[0]] === 'string' ? data[keys[0]] : key
-    return await doParams({ key: _, params })
-  }
-
-  for (let i in keys) {
-    if (data.hasOwnProperty(keys[i])) {
-      data = data[keys[i]]
-      c--
-    }
-  }
-
-  return await doParams({ key: c === 0 ? data : key, params })
-}
-
-export const _ctBatch = async (keys: { [index: string]: string | [string, Params] }, scope?: string | null) => {
-
-  for (const k in keys) {
-    let key: string = scope ? scope + '.' : ''
-    let params: Params | undefined = undefined
-
-    if (Array.isArray(keys[k])) {
-      key += keys[k][0]
-      params = keys[k][1] as Params
-    } else {
-      key += keys[k]
-    }
-
-    keys[k] = await __ct({ key, params })
-  }
-
-  return keys
-}
--- a/lib/utils.ts
+++ b/lib/utils.ts
@ -1,8 +1,7 @@
 import { type ClassValue, clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
-import { LC, locales } from '@/config/locales'
-
-import { env as dotEnv } from 'process'
+import { LC } from '@/config/locales'
+import bcrypt from 'bcryptjs'

 export function cn (...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
@ -11,19 +10,3 @@ export function cn (...inputs: ClassValue[]) {
 export function lc (locale: string) {
  return LC.filter(lc => locale === lc.code)[0]
 }
-
-export function env (variable: string, defaultValue?: string | ''): string {
-  return (dotEnv[variable] ?? defaultValue ?? '')
-}
-
-export const testPathnameRegex = (
-  pages: string[], pathName: string): boolean => {
-  const pattern: string = `^(/(${locales.join('|')}))?(${pages.flatMap(
-    (p) => (p === '/' ? ['', '/'] : p)).join('|')})/?$`
-
-  //console.log(pattern)
-
-  return RegExp(pattern, 'is').test(pathName)
-}
-
-
--- a/locales/custom/mailer/en.ts
+++ b/locales/custom/mailer/en.ts
@ -1,16 +0,0 @@
-export default {
-  follow: 'Follow the link',
-  click: 'Click',
-  here: 'here',
-  confirmed_email: 'to confirm email',
-  subject: {
-    send_verification_email: 'Complete email verification for site {site_name}',
-    send_2FA_code: 'Your 2FA code from {site_name}',
-  },
-  body: {
-    send_verification_email: {
-      p1: 'You just signed up for {site_name}',
-      p2: 'If you have not registered on this site, simply ignore this message.',
-    },
-  },
-} as const
--- a/locales/custom/mailer/uk.ts
+++ b/locales/custom/mailer/uk.ts
@ -1,16 +0,0 @@
-export default {
-  follow: 'Перейдіть за посиланням',
-  click: 'Клацніть',
-  here: 'тут',
-  confirmed_email: 'для підтвердження електронної пошти',
-  subject: {
-    send_verification_email: 'Завершіть верифікацію Вашої електронної пошти для сайту {site_name}',
-    send_2FA_code: 'Ваш код двофакторної аутентифікації із сайту {site_name}',
-  },
-  body: {
-    send_verification_email: {
-      p1: 'Ви щойно зареструвалися на сайті {site_name}',
-      p2: 'Якщо Ви не реєструвалися на цьому сайті, просто проігноруйте дане повідомлення.',
-    },
-  },
-} as const
--- a/locales/en.ts
+++ b/locales/en.ts
@ -1,13 +1,60 @@
-import pages from '@/locales/en/pages'
-import auth from '@/locales/en/auth'
-import form from '@/locales/en/form'
-import schema from '@/locales/en/schema'
-import db from '@/locales/en/db'
-
 export default {
-  pages,
-  auth,
-  form,
-  schema,
-  db,
+  auth: {
+    title: 'Auth',
+    subtitle: 'Simple authentication service',
+    sign_in: 'Sign In',
+    common: {
+      something_went_wrong: 'Something went wrong!',
+    },
+    form: {
+      login: {
+        header_label: 'Welcome back',
+        back_button_label: 'Don\'t have an account?',
+      },
+      register: {
+        header_label: 'Create an account',
+        back_button_label: 'Already have an account?',
+      },
+      error: {
+        email_in_use: 'Email already in use with different provider!',
+        header_label: 'Oops! Something went wrong!',
+        back_button_label: 'Back to login',
+        email_taken: 'Can\'t create an user! Wait for verification by provided email.',
+        invalid_fields: 'Invalid fields!',
+        invalid_credentials: 'Invalid Credentials!',
+        access_denied: 'Access denied!',
+      },
+    },
+    email: {
+      success: {
+        confirmation_email_sent: 'Confirmation email sent!',
+      },
+      error: {
+        verification_email_sending_error: 'Could not send verification email!',
+      },
+    },
+  },
+  schema: {
+    message: {
+      email_required: 'Invalid email address',
+      password_required: `Password is required`,
+      name_required: `Name is required`,
+      password_min: `Password must be at least {min} characters`,
+    },
+  },
+  form: {
+    label: {
+      email: 'Email',
+      password: 'Password',
+      confirm_password: 'Confirm password',
+      login: 'Login',
+      name: 'Name',
+      register: 'Register',
+      continue_with: 'Or continue with',
+    },
+    placeholder: {
+      email: 'john.doe@example.com',
+      name: 'John Doe',
+    },
+  },
 } as const
--- a/locales/en/auth.ts
+++ b/locales/en/auth.ts
@ -1,64 +0,0 @@
-export default {
-  title: 'Auth',
-  subtitle: 'Simple authentication service',
-  sign_in: 'Sign In',
-  common: {
-    something_went_wrong: 'Something went wrong!',
-  },
-  form: {
-    label: {
-      continue_with: 'Or continue with',
-    },
-    login: {
-      header_label: 'Welcome back',
-      back_button_label: 'Don\'t have an account?',
-      reset_password_link_text: 'Forgot password?',
-    },
-    register: {
-      button: 'Register',
-      header_label: 'Create an account',
-      back_button_label: 'Already have an account?',
-    },
-    verification: {
-      header_label: 'Confirming your account',
-      back_button_label: 'Back to login',
-    },
-    reset: {
-      button: 'Send reset email',
-      header_label: 'Forgot your password?',
-      back_button_label: 'Back to login',
-    },
-    new_password: {
-      button: 'Reset password',
-      header_label: 'Enter a new password',
-      back_button_label: 'Back to login',
-    },
-    error: {
-      email_in_use: 'Email already in use with different provider!',
-      header_label: 'Oops! Something went wrong!',
-      back_button_label: 'Back to login',
-      email_taken: 'Can\'t create an user! Wait for verification by provided email.',
-      invalid_fields: 'Invalid fields!',
-      invalid_credentials: 'Invalid Credentials!',
-      invalid_email: 'Email does not exist!',
-      access_denied: 'Access denied!',
-      missing_token: 'Missing token!',
-      invalid_token: 'Invalid token!',
-      expired_token: 'Token has expired!',
-      invalid_code: 'Invalid code!',
-      expired_code: 'Code has expired!',
-    },
-  },
-  email: {
-    success: {
-      confirmation_email_sent: 'Confirmation email sent!',
-      reset_email_sent: 'A password reset letter has been sent to the specified email address!',
-      _2FA_email_sent: '2FA email sent!',
-    },
-    error: {
-      verification_email_sending_error: 'Could not send verification email!',
-      reset_password_sending_error: 'Could not send reset password email!',
-      _2FA_email_sending_error: 'Could not send 2FA email!',
-    },
-  },
-} as const
--- a/locales/en/db.ts
+++ b/locales/en/db.ts
@ -1,17 +0,0 @@
-export default {
-  error: {
-    update: {
-      user_data: 'Could not update user data! Please, try again by reloading the page!',
-      user_password: 'Could not update user password! Please, try again by reloading the page!',
-    },
-    common: {
-      something_wrong: 'Oops! Something went wrong. Please, try again.',
-    },
-  },
-  success: {
-    update: {
-      password_updated: 'Password updated successfully!',
-    },
-  },
-
-} as const
--- a/locales/en/form.ts
+++ b/locales/en/form.ts
@ -1,18 +0,0 @@
-export default {
-  label: {
-    email: 'Email',
-    password: 'Password',
-    confirm_password: 'Confirm password',
-    login: 'Login',
-    name: 'Name',
-    two_factor: 'Two Factor Authentication Code',
-  },
-  button: {
-    two_factor: 'Confirm',
-    login: 'Login',
-  },
-  placeholder: {
-    email: 'dead.end@acme.com',
-    name: 'John Doe',
-  },
-} as const
--- a/locales/en/pages.ts
+++ b/locales/en/pages.ts
@ -1,6 +0,0 @@
-export default {
-  404: {
-    status: '404 Not Found',
-    title: 'Page Not Found',
-  },
-} as const
--- a/locales/en/schema.ts
+++ b/locales/en/schema.ts
@ -1,21 +0,0 @@
-export default {
-  password: {
-    required: 'Password is required',
-    strength: {
-      acme: 'Password must contain at least a single lowercase, uppercase, digit and special character. The length must be between {min} and {max} characters.',
-    },
-    length: {
-      min: 'Password must be at least {min} characters',
-      max: 'Password must be  maximally {max} characters',
-    },
-  },
-  email: {
-    required: 'Email address is required or invalid format',
-  },
-  name: {
-    required: `Name is required`,
-  },
-  two_factor: {
-    length: 'Code must contain exactly {length} digits',
-  },
-} as const
--- a/locales/uk.ts
+++ b/locales/uk.ts
@ -1,13 +1,60 @@
-import pages from '@/locales/uk/pages'
-import auth from '@/locales/uk/auth'
-import form from '@/locales/uk/form'
-import schema from '@/locales/uk/schema'
-import db from '@/locales/uk/db'
-
 export default {
-  pages,
-  auth,
-  form,
-  schema,
-  db,
+  auth: {
+    title: 'Auth',
+    subtitle: 'Простий сервіс аутентифікації',
+    sign_in: 'Увійти',
+    common: {
+      something_went_wrong: 'Щось пішло не так!',
+    },
+    form: {
+      login: {
+        header_label: 'Вхід до облікового запису',
+        back_button_label: 'Не маєте облікового запису?',
+      },
+      register: {
+        header_label: 'Реєстрація облікового запису',
+        back_button_label: 'Вже маєте обліковий запис?',
+      },
+      error: {
+        email_in_use: 'Електронна пошта вже використовується з іншим логін-провайдером!',
+        header_label: 'Отакої! Щось пішло не так!',
+        back_button_label: 'Назад до форми входу до облікового запису',
+        email_taken: 'Не можу створити користувача! Не пройдена верифікація за допомогою вказаної електронної пошти.',
+        invalid_fields: 'Недійсні поля!',
+        invalid_credentials: 'Недійсні облікові дані!',
+        access_denied: 'У доступі відмовлено!',
+      },
+    },
+    email: {
+      success: {
+        confirmation_email_sent: 'Лист із підтвердженням надіслано!',
+      },
+      error: {
+        verification_email_sending_error: 'Не вдалося надіслати електронний лист для підтвердження!',
+      },
+    },
+  },
+  schema: {
+    message: {
+      email_required: 'Невірна адреса електронної пошти',
+      password_required: `Необхідно ввести пароль`,
+      name_required: `Необхідно вказати ім'я`,
+      password_min: `Пароль має містити принаймні {min} символів`,
+    },
+  },
+  form: {
+    label: {
+      email: 'Електронна пошта',
+      password: 'Пароль',
+      confirm_password: 'Підтвердьте пароль',
+      login: 'Лоґін',
+      name: 'Ім\'я та прізвище',
+      register: 'Створити обліковий запис',
+      continue_with: 'Або продовжити за допомогою',
+    },
+    placeholder: {
+      email: 'polina.melnyk@mocking.net',
+      name: 'Поліна Мельник',
+    },
+  },
 } as const
--- a/locales/uk/auth.ts
+++ b/locales/uk/auth.ts
@ -1,63 +0,0 @@
-export default {
-  title: 'Auth',
-  subtitle: 'Простий сервіс аутентифікації',
-  sign_in: 'Увійти',
-  common: {
-    something_went_wrong: 'Щось пішло не так!',
-  },
-  form: {
-    label: {
-      continue_with: 'Або продовжити за допомогою',
-    },
-    login: {
-      header_label: 'Вхід до облікового запису',
-      back_button_label: 'Не маєте облікового запису?',
-      reset_password_link_text: 'Забули пароль?',
-    },
-    register: {
-      button: 'Створити обліковий запис',
-      header_label: 'Реєстрація облікового запису',
-      back_button_label: 'Вже маєте обліковий запис?',
-    },
-    verification: {
-      header_label: 'Підтвердження вашого облікового запису',
-      back_button_label: 'Назад до входу',
-    },
-    reset: {
-      button: 'Скинути пароль',
-      header_label: 'Забули ваш пароль?',
-      back_button_label: 'Назад до входу',
-    },
-    new_password: {
-      button: 'Підтвердити новий пароль',
-      header_label: 'Введіть новий пароль',
-      back_button_label: 'Назад до входу',
-    },
-    error: {
-      email_in_use: 'Електронна пошта вже використовується з іншим логін-провайдером!',
-      header_label: 'Отакої! Щось пішло не так!',
-      back_button_label: 'Назад до форми входу до облікового запису',
-      email_taken: 'Не можу створити користувача! Не пройдена верифікація за допомогою вказаної електронної пошти.',
-      invalid_fields: 'Недійсні поля!',
-      invalid_credentials: 'Недійсні облікові дані!',
-      invalid_email: 'Електронну пошту не знайдено!',
-      access_denied: 'У доступі відмовлено!',
-      missing_token: 'Відсутній токен!',
-      invalid_token: 'Недійсний токен!',
-      expired_token: 'Сплив термін дії токена!',
-      invalid_code: 'Невірний код!',
-      expired_code: 'Сплив термін дії коду!',
-    },
-  },
-  email: {
-    success: {
-      confirmation_email_sent: 'Лист із підтвердженням надіслано!',
-      reset_email_sent: 'Лист для скидання паролю надіслано на вказану електронну адресу',
-      _2FA_email_sent: 'Код 2FA надіслано на вказану електронну адресу',
-    },
-    error: {
-      verification_email_sending_error: 'Не вдалося надіслати електронний лист для підтвердження!',
-      _2FA_email_sending_error: 'Не вдалося надіслати електронний лист з 2FA кодом!',
-    },
-  },
-} as const
--- a/locales/uk/db.ts
+++ b/locales/uk/db.ts
@ -1,16 +0,0 @@
-export default {
-  error: {
-    update: {
-      user_data: 'Не вдалося оновити дані користувача! Будь ласка, спробуйте ще раз, оновивши сторінку!',
-      user_password: 'Не вдалося оновити пароль користувача! Будь ласка, спробуйте ще раз, оновивши сторінку!',
-    },
-    common: {
-      something_wrong: 'Отакої! Щось пішло не так. Будь ласка, спробуйте ще раз.',
-    },
-  },
-  success: {
-    update: {
-      password_updated: 'Пароль успішно оновлено!',
-    },
-  },
-} as const
--- a/locales/uk/form.ts
+++ b/locales/uk/form.ts
@ -1,18 +0,0 @@
-export default {
-  label: {
-    email: 'Електронна пошта',
-    password: 'Пароль',
-    confirm_password: 'Підтвердьте пароль',
-    login: 'Лоґін',
-    name: 'Ім\'я та прізвище',
-    two_factor: 'Код двофакторної перевірки',
-  },
-  button: {
-    two_factor: 'Підтвердити',
-    login: 'Лоґін',
-  },
-  placeholder: {
-    email: 'dead.end@acme.com',
-    name: 'Джон Доу',
-  },
-} as const
--- a/locales/uk/pages.ts
+++ b/locales/uk/pages.ts
@ -1,6 +0,0 @@
-export default {
-  404: {
-    status: '404 Не знайдено',
-    title: 'Сторінку не знайдено',
-  },
-} as const
--- a/locales/uk/schema.ts
+++ b/locales/uk/schema.ts
@ -1,21 +0,0 @@
-export default {
-  password: {
-    required: 'Необхідно ввести пароль',
-    length: {
-      min: 'Пароль має містити принаймні {min} символів',
-      max: 'Максимальна кількість символів у паролі: {max}',
-    },
-    strength: {
-      acme: 'Пароль повинен містити принаймні один малий, приписний, цифровий та спеціальний символ. Довжина паролю має бути від {min} до {max} символів.',
-    },
-  },
-  email: {
-    required: 'Адреса електронної пошти обов’язкова або не дійсна',
-  },
-  name: {
-    required: `Необхідно вказати ім'я`,
-  },
-  two_factor: {
-    length: 'Код має містити рівно {length} цифр',
-  },
-} as const
--- a/middleware.ts
+++ b/middleware.ts
@ -1,58 +1,60 @@
-import { NextURL } from 'next/dist/server/web/next-url'
 import NextAuth from 'next-auth'
+import { createI18nMiddleware } from 'next-international/middleware'
 import { NextRequest, NextResponse } from 'next/server'
 import { defaultLocale, locales } from '@/config/locales'
 import authConfig from '@/auth.config'
-import { apiAuthPrefixRegEx, AUTH_LOGIN_URL, authRoutesRegEx, DEFAULT_LOGIN_REDIRECT, publicRoutes } from '@/config/routes'
-import { testPathnameRegex } from '@/lib/utils'
-import { createI18nMiddleware } from 'next-international/middleware'
-import { CSP } from '@/lib/CSP'
+import {
+  apiAuthPrefix,
+  AUTH_LOGIN_URL,
+  authRoutes,
+  DEFAULT_LOGIN_REDIRECT,
+  publicRoutes,
+  testPathnameRegex,
+} from '@/config/routes'
+import { NextURL } from 'next/dist/server/web/next-url'

 interface AppRouteHandlerFnContext {
  params?: Record<string, string | string[]>;
 }

-const I18nMiddleware = createI18nMiddleware({
-  locales, defaultLocale, urlMappingStrategy: 'rewriteDefault',
-})
-
-const { auth } = NextAuth(authConfig)
-
-export const middleware = (request: NextRequest, event: AppRouteHandlerFnContext): NextResponse | null => {
-
-  return auth((request): any => {
-    //const csp = new CSP(request, process.env.NODE_ENV === 'production')
-    const csp = new CSP(request, false)
+export const middleware = (
+  request: NextRequest,
+  event: AppRouteHandlerFnContext): NextResponse | null => {
+  return NextAuth(authConfig).auth((request): any => {
    const { nextUrl }: { nextUrl: NextURL } = request
+    const isLoggedIn: boolean = !!request.auth
+    const isApiAuthRoute: boolean = nextUrl.pathname.startsWith(apiAuthPrefix)
+    const isPublicRoute: boolean = testPathnameRegex(publicRoutes,
+      nextUrl.pathname)
+    const isAuthRoute: boolean = testPathnameRegex(authRoutes, nextUrl.pathname)

-    if (nextUrl.pathname.match(apiAuthPrefixRegEx)) {
-      return csp.next()
+    if (isApiAuthRoute) {
+      return null
    }

-    const isLoggedIn: boolean = !!request.auth
-    const isPublicRoute: boolean = testPathnameRegex(publicRoutes, nextUrl.pathname)
-    const isAuthRoute: boolean = testPathnameRegex(authRoutesRegEx, nextUrl.pathname)
+    const I18nMiddleware = createI18nMiddleware({
+      locales, defaultLocale, urlMappingStrategy: 'rewriteDefault',
+    })

    if (isAuthRoute) {
      if (isLoggedIn) {
        return NextResponse.redirect(new URL(DEFAULT_LOGIN_REDIRECT, nextUrl))
      }
-      return csp.next(I18nMiddleware)
+      return I18nMiddleware(request)
    }

    if (!isLoggedIn && !isPublicRoute) {
      return NextResponse.redirect(new URL(AUTH_LOGIN_URL, nextUrl))
    }

-    return csp.next(I18nMiddleware)
+    return I18nMiddleware(request)

  })(request, event) as NextResponse
 }

 export const config = {
  matcher: [
-    '/((?!.+\\.[\\w]+$|_next|_next/image|_next/static|favicon.ico|robots.txt).*)',
-    '/',
-    '/(api|trpc)(.*)',
-  ],
-}
+    '/((?!.+\\.[\\w]+$|_next).*)',
+    '/(api|static|trpc)(.*)'],
+}
+
--- a/next.config.mjs
+++ b/next.config.mjs
@ -2,9 +2,6 @@ import path from 'node:path'

 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  experimental: {
-    serverComponentsExternalPackages: ['pino'],
-  },
  sassOptions: {
    includePaths: [path.join(path.resolve('.'), 'styles')],
  },
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,26 +1,17 @@
 {
-  "name": "yo-next-space",
-  "version": "0.1.1",
+  "name": "a-naklejka",
+  "version": "0.1.0",
  "private": true,
  "scripts": {
-    "dev": "chcp 65001 && next dev",
+    "dev": "next dev",
    "build": "next build",
-    "start": "chcp 65001 && next start",
-    "lint": "next lint",
-    "browserslist:update": "npx update-browserslist-db@latest",
-    "browserslist": "npx browserslist"
+    "start": "next start",
+    "lint": "next lint"
  },
-  "browserslist": [
-    ">0.25%",
-    "not dead",
-    "not op_mini all"
-  ],
  "dependencies": {
    "@auth/prisma-adapter": "^1.5.2",
    "@hookform/resolvers": "^3.3.4",
    "@prisma/client": "^5.12.1",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-select": "^2.0.0",
    "@radix-ui/react-separator": "^1.0.3",
@ -32,18 +23,11 @@
    "next": "14.1.4",
    "next-auth": "^5.0.0-beta.16",
    "next-international": "^1.2.4",
-    "next-themes": "^0.3.0",
    "nodemailer": "^6.9.13",
-    "pino": "^9.0.0",
-    "pino-http": "^9.0.0",
    "react": "^18",
    "react-dom": "^18",
    "react-hook-form": "^7.51.2",
    "react-icons": "^5.0.1",
-    "react-loader-spinner": "^6.1.6",
-    "sharp": "^0.33.3",
-    "shart": "^0.0.4",
-    "sonner": "^1.4.41",
    "tailwind-merge": "^2.2.2",
    "tailwindcss-animate": "^1.0.7",
    "uuid": "^9.0.1",
@ -59,16 +43,10 @@
    "autoprefixer": "^10.0.1",
    "eslint": "^8",
    "eslint-config-next": "14.1.4",
-    "eslint-plugin-validate-filename": "^0.0.4",
-    "pino-caller": "^3.4.0",
-    "pino-pretty": "^11.0.0",
    "postcss": "^8",
    "prisma": "^5.12.1",
    "sass": "^1.74.1",
    "tailwindcss": "^3.3.0",
    "typescript": "^5"
-  },
-  "engines": {
-    "node": ">=18"
  }
 }
--- a/prisma/migrations/20240410180928_auth/migration.sql
+++ b/prisma/migrations/20240410180928_auth/migration.sql
@ -0,0 +1,58 @@
+-- CreateEnum
+CREATE TYPE "UserRole" AS ENUM ('SUPERVISOR', 'ADMIN', 'EDITOR', 'SUPPLIER', 'CUSTOMER', 'USER', 'OBSERVER', 'SYSTEM', 'CRON');
+
+-- CreateTable
+CREATE TABLE "User" (
+    "id" TEXT NOT NULL,
+    "name" TEXT,
+    "email" TEXT,
+    "emailVerified" TIMESTAMP(3),
+    "image" TEXT,
+    "password" TEXT,
+    "role" "UserRole" NOT NULL DEFAULT 'CUSTOMER',
+
+    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Account" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "type" TEXT NOT NULL,
+    "provider" TEXT NOT NULL,
+    "providerAccountId" TEXT NOT NULL,
+    "refresh_token" TEXT,
+    "access_token" TEXT,
+    "expires_at" INTEGER,
+    "token_type" TEXT,
+    "scope" TEXT,
+    "id_token" TEXT,
+    "session_state" TEXT,
+
+    CONSTRAINT "Account_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "VerificationToken" (
+    "id" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expires" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "VerificationToken_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_email_key" ON "User"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Account_provider_providerAccountId_key" ON "Account"("provider", "providerAccountId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "VerificationToken_token_key" ON "VerificationToken"("token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "VerificationToken_email_token_key" ON "VerificationToken"("email", "token");
+
+-- AddForeignKey
+ALTER TABLE "Account" ADD CONSTRAINT "Account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`export const bg: string = 'bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-400 to-blue-800'`