feat: implement authentication system with email verification, user management dashboard, and administrative business controls

app/login/page.tsx

@@ -2,9 +2,10 @@
 
 
 import React, { useState } from 'react';
-import { useRouter } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 import { useUser } from '../../components/UserProvider';
+import { CheckCircle2, AlertCircle } from 'lucide-react';
 
 const LoginPage = () => {
     const { settings, login } = useUser();
@@ -14,6 +15,10 @@ const LoginPage = () => {
     const [error, setError] = useState('');
     const [loading, setLoading] = useState(false);
     const router = useRouter();
+    const searchParams = useSearchParams();
+    
+    const verified = searchParams.get('verified') === 'true';
+    const queryError = searchParams.get('error');
 
     const handleSubmit = async (e: React.FormEvent) => {
         e.preventDefault();
@@ -55,12 +60,23 @@ const LoginPage = () => {
                         Ou <Link href="/register" className="font-medium text-brand-600 hover:text-brand-500">créez votre compte entreprise pour 1€</Link>
                     </p>
                 </div>
-                <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
-                    {error && (
-                        <div className="bg-red-50 border-l-4 border-red-500 p-4 rounded text-red-700 text-sm">
-                            {error}
+
+                <div className="mt-8 space-y-6">
+                    {verified && (
+                        <div className="bg-emerald-50 border-l-4 border-emerald-500 p-4 rounded flex items-center gap-3 text-emerald-700 text-sm">
+                            <CheckCircle2 className="w-5 h-5 text-emerald-500 flex-shrink-0" />
+                            <p>Votre compte a été vérifié avec succès ! Vous pouvez maintenant vous connecter.</p>
                         </div>
                     )}
+
+                    {(error || queryError) && (
+                        <div className="bg-red-50 border-l-4 border-red-500 p-4 rounded flex items-center gap-3 text-red-700 text-sm">
+                            <AlertCircle className="w-5 h-5 text-red-500 flex-shrink-0" />
+                            <p>{error || queryError}</p>
+                        </div>
+                    )}
+
+                    <form className="space-y-6" onSubmit={handleSubmit}>
                     <div className="rounded-md shadow-sm -space-y-px">
                         <div>
                             <input
@@ -100,6 +116,7 @@ const LoginPage = () => {
                         </button>
                     </div>
                 </form>
+                </div>
             </div>
         </div>
     );