refactor

src/app/[locale]/forgot-password/page.tsx

@@ -1,8 +1,7 @@
 import { useTranslations } from 'next-intl'
 import LogoIcon from '@/app/ui/logo-icon';
-import styles from '@/app/styles/login.module.scss';
+import styles from '@/app/styles/module/login.module.scss';
 import Link from 'next/link';
-import RegisterForm from '@/app/ui/forms/register-form';
 import LanguageSwitcher from '@/app/components/LanguageSwitcher';
 import ForgotPasswordForm from '@/app/ui/forms/forgot-password-form';
 

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

@@ -1,5 +1,5 @@
 import { Metadata } from 'next';
-import styles from '@/app/styles/login.module.scss'
+import styles from '@/app/styles/module/login.module.scss'
 import LogoIcon from '@/app/ui/logo-icon';
 import Link from 'next/link';
 import LoginForm from '@/app/ui/forms/login-form';

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

@@ -1,5 +1,5 @@
 import LogoIcon from '@/app/ui/logo-icon';
-import styles from '@/app/styles/login.module.scss'
+import styles from '@/app/styles/module/login.module.scss'
 import Link from 'next/link';
 import RegisterForm from '@/app/ui/forms/register-form';
 import LanguageSwitcher from '@/app/components/LanguageSwitcher';

src/app/styles/header.scss

@@ -124,7 +124,7 @@
 			display: flex;
 			gap: 12px;
 			padding: 15px 20px;
-			border-bottom: 1px solid #f9fafb;
+			border-bottom: 1px solid #f3f4f6;
 			transition: background-color 0.2s;
 			cursor: pointer;
 		}

src/app/styles/module/login.module.scss

@@ -1,5 +1,4 @@
 .login-container-wrapper {
-	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 	min-height: 100vh;
 	display: flex;

src/app/ui/forms/forgot-password-form.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import styles from '@/app/styles/login.module.scss'
-import { useActionState, useState } from 'react';
+import styles from '@/app/styles/lmodule/ogin.module.scss'
+import { useActionState } from 'react';
 
 import { useTranslations } from 'next-intl';
 

src/app/ui/forms/login-form.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import styles from '@/app/styles/login.module.scss'
+import styles from '@/app/styles/module/login.module.scss'
 import { useActionState, useState, useRef } from 'react';
 import { authorization } from '@/app/actions/auth';
 import { useTranslations } from 'next-intl';

src/app/ui/forms/register-form.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import styles from '@/app/styles/login.module.scss';
+import styles from '@/app/styles/module/login.module.scss';
 import { ChangeEvent, useActionState, useEffect, useRef, useState } from 'react';
 import { registration, FormState } from '@/app/actions/auth';
 import PhoneInput from '@/app/ui/inputs/phone-input';

src/app/ui/inputs/phone-input.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useState, ChangeEvent, useEffect, useRef, KeyboardEvent } from 'react';
-import styles from '@/app/styles/login.module.scss';
+import styles from '@/app/styles/module/login.module.scss';
 
 interface PhoneInputProps {
 	phoneState: string | undefined;