1. Système d'Analytics (Nouveauté Majeure)

Modèle de Données : Ajout de la table AnalyticsEvent dans prisma/schema.prisma pour suivre les vues de pages, les clics et le temps de rétention (DWELL_TIME).
API Backend : Création de la route app/api/analytics/route.ts pour enregistrer les événements en base de données.
Tracking Client : Création du composant AnalyticsTracker.tsx (intégré dans le layout principal) qui capture automatiquement :
Le changement de page (Page Views).
Les clics sur les boutons et liens importants.
Le temps passé sur chaque page.
2. Intégration Base de Données (PostgreSQL/Prisma)
Fiches Entreprises : Mise à jour de app/directory/[id]/page.tsx pour récupérer les données réelles depuis PostgreSQL via Prisma au lieu d'utiliser les données de test (mockData).
Navigation Dashboard : Correction du bouton "Voir ma fiche" dans le tableau de bord pour qu'il redirige correctement vers le profil public de l'entrepreneur.
3. Administration & Metrics
Nouvelle Application Admin : Initialisation d'un dossier admin/ (application Next.js séparée) destinée à la gestion de la plateforme et à la visualisation des statistiques (Metrics & Analytics).
4. Authentification & Inscription
Nouvelle Page : Création de app/register/page.tsx pour permettre l'inscription des nouveaux utilisateurs.
Gestion de Session : Amélioration de UserProvider.tsx pour une meilleure gestion de l'état utilisateur à travers l'application.
5. Maintenance & Types
Mise à jour des types globaux dans types.ts et rafraîchissement du package-lock.json suite à l'ajout de dépendances.

components/dashboard/DashboardProfile.tsx

@@ -18,6 +18,18 @@ const DashboardProfile = ({ business, setBusiness }: { business: Business, setBu
     const [videoInput, setVideoInput] = useState(business.videoUrl || '');
     const [videoPreviewId, setVideoPreviewId] = useState<string | null>(getYouTubeId(business.videoUrl || ''));
     const [isGenerating, setIsGenerating] = useState(false);
+    const [isMounted, setIsMounted] = useState(false);
+
+    // Sync formData when business prop changes (initial fetch)
+    React.useEffect(() => {
+        setFormData(business);
+        setVideoInput(business.videoUrl || '');
+        setVideoPreviewId(getYouTubeId(business.videoUrl || ''));
+    }, [business]);
+
+    React.useEffect(() => {
+        setIsMounted(true);
+    }, []);
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
         setFormData({ ...formData, [e.target.name]: e.target.value });
@@ -44,9 +56,33 @@ const DashboardProfile = ({ business, setBusiness }: { business: Business, setBu
         setIsGenerating(false);
     };
 
-    const handleSave = () => {
-        setBusiness(formData);
-        alert('Profil mis à jour avec succès !');
+    const handleSave = async () => {
+        try {
+            const res = await fetch('/api/businesses', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'x-user-id': business?.ownerId || (typeof window !== 'undefined' ? JSON.parse(localStorage.getItem('afro_user') || '{}').id : '')
+                },
+                body: JSON.stringify({
+                    ...formData,
+                    ownerId: business?.ownerId || (typeof window !== 'undefined' ? JSON.parse(localStorage.getItem('afro_user') || '{}').id : null)
+                })
+            });
+            
+            const data = await res.json();
+            
+            if (data.error) {
+                alert('Erreur: ' + data.error);
+            } else {
+                setBusiness(data);
+                alert('Profil mis à jour avec succès !');
+                // Optional: refresh page to show in directory
+            }
+        } catch (error) {
+            console.error('Save error:', error);
+            alert('Erreur lors de la sauvegarde');
+        }
     };
 
     return (