Fix: Conversion complète vers PrimeReact et corrections build

CONVERSIONS UI (8 pages):
✅ Remplacement de tous les composants Shadcn/UI par PrimeReact
- Card, Button, Input, Textarea, Badge → Card, Button, InputText, InputTextarea, Tag
- Conversion de toutes les icônes lucide-react en primeicons

Pages converties:
- app/(main)/aide/page.tsx
- app/(main)/aide/documentation/page.tsx
- app/(main)/aide/tutoriels/page.tsx
- app/(main)/aide/support/page.tsx
- app/(main)/messages/page.tsx
- app/(main)/messages/nouveau/page.tsx
- app/(main)/messages/envoyes/page.tsx
- app/(main)/messages/archives/page.tsx

CORRECTIONS BUILD:
✅ Résolution des conflits de dépendances FullCalendar
- @fullcalendar/core: 6.1.4 → ^6.1.19
- Alignement avec daygrid, timegrid, interaction, react

✅ Correction des erreurs TypeScript
- DataTable: Ajout de selectionMode="multiple"
- InputText number: Conversion number → string avec .toString()

✅ Correction des services API (3 fichiers)
- fournisseurService.ts
- notificationService.ts
- userService.ts
- Remplacement des appels apiService.get() par axios direct
- Ajout du préfixe /api/v1/ à tous les endpoints
- Configuration d'interceptors pour authentication tokens

RÉSULTAT:
✅ Build réussi: 126 pages générées
✅ 0 erreurs de compilation
✅ 0 erreurs TypeScript
✅ Architecture cohérente avec PrimeReact

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/(main)/aide/documentation/page.tsx

@@ -1,18 +1,9 @@
 "use client";
 
 import React, { useState } from "react";
-import { Card } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  BookOpen,
-  Search,
-  ChevronRight,
-  FileText,
-  Download,
-  ExternalLink,
-  ArrowLeft,
-} from "lucide-react";
+import { Card } from "primereact/card";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
 import Link from "next/link";
 
 /**
@@ -112,8 +103,8 @@ export default function DocumentationPage() {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Link href="/aide">
-            <Button variant="ghost" size="sm">
-              <ArrowLeft className="h-4 w-4 mr-2" />
+            <Button text size="small">
+              <i className="pi pi-arrow-left mr-2"></i>
               Retour à l'aide
             </Button>
           </Link>
@@ -124,8 +115,8 @@ export default function DocumentationPage() {
             </p>
           </div>
         </div>
-        <Button variant="outline">
-          <Download className="mr-2 h-4 w-4" />
+        <Button outlined>
+          <i className="pi pi-download mr-2"></i>
           Télécharger PDF
         </Button>
       </div>
@@ -133,13 +124,15 @@ export default function DocumentationPage() {
       {/* Barre de recherche */}
       <Card className="p-4">
         <div className="relative">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" />
-          <Input
-            placeholder="Rechercher dans la documentation..."
-            className="pl-10"
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-          />
+          <span className="p-input-icon-left w-full">
+            <i className="pi pi-search" />
+            <InputText
+              placeholder="Rechercher dans la documentation..."
+              className="w-full"
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
+            />
+          </span>
         </div>
 
         {/* Résultats de recherche */}
@@ -159,7 +152,7 @@ export default function DocumentationPage() {
                     <p className="font-medium">{result.article}</p>
                     <p className="text-sm text-gray-500">{result.category}</p>
                   </div>
-                  <ChevronRight className="h-4 w-4 text-gray-400" />
+                  <i className="pi pi-chevron-right text-gray-400"></i>
                 </div>
               ))}
             </div>
@@ -176,7 +169,7 @@ export default function DocumentationPage() {
           >
             <div className="flex items-start gap-4 mb-4">
               <div className="p-3 bg-blue-100 rounded-lg">
-                <BookOpen className="h-6 w-6 text-blue-600" />
+                <i className="pi pi-book text-blue-600" style={{ fontSize: '1.5rem' }}></i>
               </div>
               <div className="flex-1">
                 <h3 className="font-semibold text-lg mb-1">{category.title}</h3>
@@ -190,20 +183,20 @@ export default function DocumentationPage() {
                   key={index}
                   className="flex items-center gap-2 p-2 hover:bg-gray-50 rounded cursor-pointer group"
                 >
-                  <FileText className="h-4 w-4 text-gray-400" />
+                  <i className="pi pi-file text-gray-400"></i>
                   <span className="text-sm flex-1">{article}</span>
-                  <ExternalLink className="h-3 w-3 text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity" />
+                  <i className="pi pi-external-link text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity" style={{ fontSize: '0.75rem' }}></i>
                 </div>
               ))}
             </div>
 
             <Button
-              variant="link"
+              link
               className="mt-4 p-0 h-auto text-blue-600"
               onClick={() => setSelectedCategory(category.id)}
             >
               Voir tous les articles
-              <ChevronRight className="ml-1 h-4 w-4" />
+              <i className="pi pi-chevron-right ml-1"></i>
             </Button>
           </Card>
         ))}
@@ -213,7 +206,7 @@ export default function DocumentationPage() {
       <Card className="p-6 bg-gradient-to-r from-blue-50 to-purple-50">
         <div className="flex items-start gap-4">
           <div className="p-3 bg-blue-600 rounded-lg">
-            <BookOpen className="h-6 w-6 text-white" />
+            <i className="pi pi-book text-white" style={{ fontSize: '1.5rem' }}></i>
           </div>
           <div className="flex-1">
             <h3 className="font-semibold text-lg mb-2">
@@ -226,10 +219,10 @@ export default function DocumentationPage() {
             </p>
             <div className="flex gap-3">
               <Button className="bg-blue-600 hover:bg-blue-700">
-                <Download className="mr-2 h-4 w-4" />
+                <i className="pi pi-download mr-2"></i>
                 Télécharger le guide (PDF)
               </Button>
-              <Button variant="outline">
+              <Button outlined>
                 Voir la version en ligne
               </Button>
             </div>