fix translates and visual bugs

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

@@ -0,0 +1,53 @@
+'use client'
+
+import styles from '@/app/styles/login.module.scss'
+import { useActionState, useState } from 'react';
+
+import { useTranslations } from 'next-intl';
+
+export default function ForgotPasswordForm() {
+	const [state, formAction, isPending] = useActionState(
+		() => {
+			console.log("test");
+		},
+		undefined,
+	);
+	const t = useTranslations('Login-register-form');
+
+	return (
+		<form action={formAction}>
+			<div className={`${styles['form-group']}`}>
+				<label className={`${styles['form-label']}`}>
+					{t('email-adress')}
+				</label>
+				<input
+					type="readOnly"
+					id="email"
+					name="email"
+					className={`${styles['form-input']}`}
+					placeholder={t('enter-email')}
+				/>
+				{/* {state?.error?.email && (
+					<p className={`${styles['form-error']}`}>
+						{t(state?.error?.email)}
+					</p>
+				)} */}
+			</div>
+			{/* {state?.error.server && (
+				<p className={`${styles['form-error']}`}>
+					{t(state?.error.server)}
+				</p>
+			)} */}
+			<div className={`${styles['form-options']}`}>
+				<div className={`${styles['form-checkbox']}`}>
+					<small>
+						функционал не реализован
+					</small>
+				</div>
+			</div>
+			<button type="submit" className={`${styles['btn']}`}>
+				{t('sign-in')}
+			</button>
+		</form>
+	)
+}