Refactor i18n integration and update tests for improved localization

- Updated test components (`PasswordResetConfirmForm`, `PasswordChangeForm`) to use i18n keys directly, ensuring accurate validation messages.
- Refined translations in `it.json` to standardize format and content.
- Replaced text-based labels with localized strings in `PasswordResetRequestForm` and `RegisterForm`.
- Introduced `generateLocalizedMetadata` utility and updated layout metadata generation for locale-aware SEO.
- Enhanced e2e tests with locale-prefixed routes and updated assertions for consistency.
- Added comprehensive i18n documentation (`I18N.md`) for usage, architecture, and testing.

frontend/src/app/[locale]/(auth)/password-reset/page.tsx

@@ -3,7 +3,10 @@
  * Users enter their email to receive reset instructions
  */
 
+import { Metadata } from 'next';
 import dynamic from 'next/dynamic';
+import { generatePageMetadata, type Locale } from '@/lib/i18n/metadata';
+import { getTranslations } from 'next-intl/server';
 
 // Code-split PasswordResetRequestForm
 const PasswordResetRequestForm = dynamic(
@@ -22,6 +25,17 @@ const PasswordResetRequestForm = dynamic(
   }
 );
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}): Promise<Metadata> {
+  const { locale } = await params;
+  const t = await getTranslations({ locale, namespace: 'auth.passwordReset' });
+
+  return generatePageMetadata(locale as Locale, t('title'), t('subtitle'), '/password-reset');
+}
+
 export default function PasswordResetPage() {
   return (
     <div className="space-y-6">