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)/messages/archives/page.tsx

@@ -1,10 +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 { Archive, Search, Mail, Send, RotateCcw, Trash2, MoreVertical } from "lucide-react";
+import { Card } from "primereact/card";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
 import Link from "next/link";
 
 /**
@@ -72,7 +71,7 @@ export default function MessagesArchivesPage() {
         </div>
         <Link href="/messages/nouveau">
           <Button className="bg-blue-600 hover:bg-blue-700">
-            <Send className="mr-2 h-4 w-4" />
+            <i className="pi pi-send mr-2"></i>
             Nouveau message
           </Button>
         </Link>
@@ -80,35 +79,35 @@ export default function MessagesArchivesPage() {
 
       <div className="flex gap-2">
         <Link href="/messages">
-          <Button variant="outline">
-            <Mail className="mr-2 h-4 w-4" />
+          <Button outlined>
+            <i className="pi pi-envelope mr-2"></i>
             Reçus
           </Button>
         </Link>
         <Link href="/messages/envoyes">
-          <Button variant="outline">
-            <Send className="mr-2 h-4 w-4" />
+          <Button outlined>
+            <i className="pi pi-send mr-2"></i>
             Envoyés
           </Button>
         </Link>
         <Link href="/messages/archives">
-          <Button variant="default" className="bg-blue-600">
-            <Archive className="mr-2 h-4 w-4" />
+          <Button className="bg-blue-600">
+            <i className="pi pi-inbox mr-2"></i>
             Archives
           </Button>
         </Link>
       </div>
 
       <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
+        <span className="p-input-icon-left w-full">
+          <i className="pi pi-search" />
+          <InputText
             placeholder="Rechercher dans les archives..."
-            className="pl-10"
+            className="w-full"
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
           />
-        </div>
+        </span>
       </Card>
 
       <Card>
@@ -136,20 +135,20 @@ export default function MessagesArchivesPage() {
                       </div>
                       <div className="flex items-center gap-2 flex-shrink-0">
                         <Button
-                          variant="outline"
-                          size="sm"
+                          outlined
+                          size="small"
                           onClick={() => handleRestore(message.id)}
                         >
-                          <RotateCcw className="h-4 w-4 mr-2" />
+                          <i className="pi pi-replay mr-2"></i>
                           Restaurer
                         </Button>
                         <Button
-                          variant="outline"
-                          size="sm"
+                          outlined
+                          size="small"
                           onClick={() => handleDelete(message.id)}
                           className="text-red-600 hover:text-red-700"
                         >
-                          <Trash2 className="h-4 w-4" />
+                          <i className="pi pi-trash"></i>
                         </Button>
                       </div>
                     </div>
@@ -159,7 +158,7 @@ export default function MessagesArchivesPage() {
             ))
           ) : (
             <div className="p-12 text-center">
-              <Archive className="h-12 w-12 text-gray-400 mx-auto mb-4" />
+              <i className="pi pi-inbox text-gray-400 mx-auto mb-4" style={{ fontSize: '3rem' }}></i>
               <p className="text-gray-500">Aucun message archivé</p>
             </div>
           )}
@@ -168,7 +167,7 @@ export default function MessagesArchivesPage() {
 
       <Card className="p-4 bg-blue-50 border-blue-200">
         <div className="flex items-start gap-3">
-          <Archive className="h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" />
+          <i className="pi pi-inbox text-blue-600 flex-shrink-0 mt-0.5" style={{ fontSize: '1.25rem' }}></i>
           <div className="flex-1">
             <h3 className="font-semibold text-blue-900">À propos des archives</h3>
             <p className="text-sm text-blue-700 mt-1">

app/(main)/messages/envoyes/page.tsx

@@ -1,11 +1,10 @@
 "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 { Badge } from "@/components/ui/badge";
-import { Send, Search, Mail, Archive, Trash2, MoreVertical } from "lucide-react";
+import { Card } from "primereact/card";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
+import { Tag } from "primereact/tag";
 import Link from "next/link";
 
 /**
@@ -61,14 +60,14 @@ export default function MessagesEnvoyesPage() {
     });
   };
 
-  const getStatusBadge = (status: string) => {
+  const getStatusTag = (status: string) => {
     switch (status) {
       case "read":
-        return <Badge className="bg-green-100 text-green-800">Lu</Badge>;
+        return <Tag severity="success" value="Lu" />;
       case "delivered":
-        return <Badge className="bg-blue-100 text-blue-800">Envoyé</Badge>;
+        return <Tag severity="info" value="Envoyé" />;
       default:
-        return <Badge>En cours</Badge>;
+        return <Tag value="En cours" />;
     }
   };
 
@@ -84,7 +83,7 @@ export default function MessagesEnvoyesPage() {
         </div>
         <Link href="/messages/nouveau">
           <Button className="bg-blue-600 hover:bg-blue-700">
-            <Send className="mr-2 h-4 w-4" />
+            <i className="pi pi-send mr-2"></i>
             Nouveau message
           </Button>
         </Link>
@@ -92,35 +91,35 @@ export default function MessagesEnvoyesPage() {
 
       <div className="flex gap-2">
         <Link href="/messages">
-          <Button variant="outline">
-            <Mail className="mr-2 h-4 w-4" />
+          <Button outlined>
+            <i className="pi pi-envelope mr-2"></i>
             Reçus
           </Button>
         </Link>
         <Link href="/messages/envoyes">
-          <Button variant="default" className="bg-blue-600">
-            <Send className="mr-2 h-4 w-4" />
+          <Button className="bg-blue-600">
+            <i className="pi pi-send mr-2"></i>
             Envoyés
           </Button>
         </Link>
         <Link href="/messages/archives">
-          <Button variant="outline">
-            <Archive className="mr-2 h-4 w-4" />
+          <Button outlined>
+            <i className="pi pi-inbox mr-2"></i>
             Archives
           </Button>
         </Link>
       </div>
 
       <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
+        <span className="p-input-icon-left w-full">
+          <i className="pi pi-search" />
+          <InputText
             placeholder="Rechercher dans les messages envoyés..."
-            className="pl-10"
+            className="w-full"
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
           />
-        </div>
+        </span>
       </Card>
 
       <Card>
@@ -137,7 +136,7 @@ export default function MessagesEnvoyesPage() {
                       <div className="flex-1 min-w-0">
                         <div className="flex items-center gap-2">
                           <p className="font-semibold">À: {message.to}</p>
-                          {getStatusBadge(message.status)}
+                          {getStatusTag(message.status)}
                         </div>
                         <p className="text-sm font-medium text-gray-900 truncate">
                           {message.subject}
@@ -151,7 +150,7 @@ export default function MessagesEnvoyesPage() {
                           {formatDate(message.date)}
                         </span>
                         <button className="hover:bg-gray-200 rounded p-1">
-                          <MoreVertical className="h-4 w-4 text-gray-400" />
+                          <i className="pi pi-ellipsis-v text-gray-400"></i>
                         </button>
                       </div>
                     </div>
@@ -161,7 +160,7 @@ export default function MessagesEnvoyesPage() {
             ))
           ) : (
             <div className="p-12 text-center">
-              <Send className="h-12 w-12 text-gray-400 mx-auto mb-4" />
+              <i className="pi pi-send text-gray-400 mx-auto mb-4" style={{ fontSize: '3rem' }}></i>
               <p className="text-gray-500">Aucun message envoyé</p>
             </div>
           )}

app/(main)/messages/nouveau/page.tsx

@@ -1,12 +1,10 @@
 "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 { Textarea } from "@/components/ui/textarea";
-import { Label } from "@/components/ui/label";
-import { Send, Paperclip, X, ArrowLeft } from "lucide-react";
+import { Card } from "primereact/card";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
+import { InputTextarea } from "primereact/inputtextarea";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 
@@ -48,8 +46,8 @@ export default function NouveauMessagePage() {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Link href="/messages">
-            <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
             </Button>
           </Link>
@@ -63,61 +61,61 @@ export default function NouveauMessagePage() {
       <Card className="p-6">
         <form onSubmit={handleSubmit} className="space-y-6">
           <div>
-            <Label htmlFor="destinataire">Destinataire *</Label>
-            <Input
+            <label htmlFor="destinataire" className="block mb-2">Destinataire *</label>
+            <InputText
               id="destinataire"
               type="email"
               placeholder="email@exemple.com"
               value={destinataire}
               onChange={(e) => setDestinataire(e.target.value)}
               required
-              className="mt-2"
+              className="w-full"
             />
           </div>
 
           <div>
-            <Label htmlFor="sujet">Sujet *</Label>
-            <Input
+            <label htmlFor="sujet" className="block mb-2">Sujet *</label>
+            <InputText
               id="sujet"
               type="text"
               placeholder="Objet du message"
               value={sujet}
               onChange={(e) => setSujet(e.target.value)}
               required
-              className="mt-2"
+              className="w-full"
             />
           </div>
 
           <div>
-            <Label htmlFor="message">Message *</Label>
-            <Textarea
+            <label htmlFor="message" className="block mb-2">Message *</label>
+            <InputTextarea
               id="message"
               placeholder="Tapez votre message ici..."
               value={message}
               onChange={(e) => setMessage(e.target.value)}
               required
               rows={12}
-              className="mt-2"
+              className="w-full"
             />
           </div>
 
           <div>
-            <Label>Pièces jointes</Label>
-            <div className="mt-2 space-y-2">
+            <label className="block mb-2">Pièces jointes</label>
+            <div className="space-y-2">
               {fichiers.map((file, index) => (
                 <div
                   key={index}
                   className="flex items-center gap-2 p-2 bg-gray-50 rounded"
                 >
-                  <Paperclip className="h-4 w-4 text-gray-400" />
+                  <i className="pi pi-paperclip text-gray-400"></i>
                   <span className="text-sm flex-1">{file.name}</span>
                   <Button
                     type="button"
-                    variant="ghost"
-                    size="sm"
+                    text
+                    size="small"
                     onClick={() => removeFile(index)}
                   >
-                    <X className="h-4 w-4" />
+                    <i className="pi pi-times"></i>
                   </Button>
                 </div>
               ))}
@@ -130,10 +128,10 @@ export default function NouveauMessagePage() {
               />
               <Button
                 type="button"
-                variant="outline"
+                outlined
                 onClick={() => document.getElementById("file-upload")?.click()}
               >
-                <Paperclip className="mr-2 h-4 w-4" />
+                <i className="pi pi-paperclip mr-2"></i>
                 Ajouter une pièce jointe
               </Button>
             </div>
@@ -145,11 +143,11 @@ export default function NouveauMessagePage() {
               className="bg-blue-600 hover:bg-blue-700"
               disabled={isSubmitting}
             >
-              <Send className="mr-2 h-4 w-4" />
+              <i className="pi pi-send mr-2"></i>
               {isSubmitting ? "Envoi en cours..." : "Envoyer"}
             </Button>
             <Link href="/messages">
-              <Button type="button" variant="outline">
+              <Button type="button" outlined>
                 Annuler
               </Button>
             </Link>

app/(main)/messages/page.tsx

@@ -1,23 +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 { Badge } from "@/components/ui/badge";
-import {
-  Mail,
-  Search,
-  Send,
-  Archive,
-  Star,
-  Trash2,
-  Reply,
-  Forward,
-  MoreVertical,
-  Paperclip,
-  Clock,
-} from "lucide-react";
+import { Card } from "primereact/card";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
 import Link from "next/link";
 
 /**
@@ -134,7 +120,7 @@ export default function MessagesPage() {
         </div>
         <Link href="/messages/nouveau">
           <Button className="bg-blue-600 hover:bg-blue-700">
-            <Send className="mr-2 h-4 w-4" />
+            <i className="pi pi-send mr-2"></i>
             Nouveau message
           </Button>
         </Link>
@@ -143,20 +129,20 @@ export default function MessagesPage() {
       {/* Navigation */}
       <div className="flex gap-2">
         <Link href="/messages">
-          <Button variant="default" className="bg-blue-600">
-            <Mail className="mr-2 h-4 w-4" />
+          <Button className="bg-blue-600">
+            <i className="pi pi-envelope mr-2"></i>
             Reçus
           </Button>
         </Link>
         <Link href="/messages/envoyes">
-          <Button variant="outline">
-            <Send className="mr-2 h-4 w-4" />
+          <Button outlined>
+            <i className="pi pi-send mr-2"></i>
             Envoyés
           </Button>
         </Link>
         <Link href="/messages/archives">
-          <Button variant="outline">
-            <Archive className="mr-2 h-4 w-4" />
+          <Button outlined>
+            <i className="pi pi-inbox mr-2"></i>
             Archives
           </Button>
         </Link>
@@ -166,34 +152,34 @@ export default function MessagesPage() {
       <Card className="p-4">
         <div className="flex gap-4 flex-wrap">
           <div className="flex-1 min-w-[300px]">
-            <div className="relative">
-              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" />
-              <Input
+            <span className="p-input-icon-left w-full">
+              <i className="pi pi-search" />
+              <InputText
                 placeholder="Rechercher dans les messages..."
-                className="pl-10"
+                className="w-full"
                 value={searchTerm}
                 onChange={(e) => setSearchTerm(e.target.value)}
               />
-            </div>
+            </span>
           </div>
           <div className="flex gap-2">
             <Button
-              variant={filterStatus === "all" ? "default" : "outline"}
+              outlined={filterStatus !== "all"}
               onClick={() => setFilterStatus("all")}
             >
               Tous
             </Button>
             <Button
-              variant={filterStatus === "unread" ? "default" : "outline"}
+              outlined={filterStatus !== "unread"}
               onClick={() => setFilterStatus("unread")}
             >
               Non lus ({unreadCount})
             </Button>
             <Button
-              variant={filterStatus === "starred" ? "default" : "outline"}
+              outlined={filterStatus !== "starred"}
               onClick={() => setFilterStatus("starred")}
             >
-              <Star className="mr-1 h-4 w-4" />
+              <i className="pi pi-star mr-1"></i>
               Favoris
             </Button>
           </div>
@@ -209,19 +195,19 @@ export default function MessagesPage() {
               sélectionné{selectedMessages.length > 1 ? "s" : ""}
             </span>
             <Button
-              variant="outline"
-              size="sm"
+              outlined
+              size="small"
               onClick={() => setSelectedMessages([])}
             >
               Tout désélectionner
             </Button>
             <div className="flex-1" />
-            <Button variant="outline" size="sm">
-              <Archive className="mr-2 h-4 w-4" />
+            <Button outlined size="small">
+              <i className="pi pi-inbox mr-2"></i>
               Archiver
             </Button>
-            <Button variant="outline" size="sm">
-              <Trash2 className="mr-2 h-4 w-4" />
+            <Button outlined size="small">
+              <i className="pi pi-trash mr-2"></i>
               Supprimer
             </Button>
           </div>
@@ -257,13 +243,14 @@ export default function MessagesPage() {
                       e.stopPropagation();
                     }}
                   >
-                    <Star
-                      className={`h-5 w-5 ${
+                    <i
+                      className={`pi ${
                         message.isStarred
-                          ? "fill-yellow-400 text-yellow-400"
-                          : "text-gray-400"
+                          ? "pi-star-fill text-yellow-400"
+                          : "pi-star text-gray-400"
                       }`}
-                    />
+                      style={{ fontSize: '1.25rem' }}
+                    ></i>
                   </button>
 
                   {/* Contenu du message */}
@@ -279,7 +266,7 @@ export default function MessagesPage() {
                             {message.from}
                           </p>
                           {message.hasAttachment && (
-                            <Paperclip className="h-4 w-4 text-gray-400" />
+                            <i className="pi pi-paperclip text-gray-400"></i>
                           )}
                         </div>
                         <p
@@ -303,7 +290,7 @@ export default function MessagesPage() {
                           onClick={(e) => e.stopPropagation()}
                           className="hover:bg-gray-200 rounded p-1"
                         >
-                          <MoreVertical className="h-4 w-4 text-gray-400" />
+                          <i className="pi pi-ellipsis-v text-gray-400"></i>
                         </button>
                       </div>
                     </div>
@@ -313,7 +300,7 @@ export default function MessagesPage() {
             ))
           ) : (
             <div className="p-12 text-center">
-              <Mail className="h-12 w-12 text-gray-400 mx-auto mb-4" />
+              <i className="pi pi-envelope text-gray-400 mx-auto mb-4" style={{ fontSize: '3rem' }}></i>
               <p className="text-gray-500">Aucun message trouvé</p>
             </div>
           )}
@@ -325,7 +312,7 @@ export default function MessagesPage() {
         <Card className="p-4">
           <div className="flex items-center gap-4">
             <div className="p-3 bg-blue-100 rounded-lg">
-              <Mail className="h-6 w-6 text-blue-600" />
+              <i className="pi pi-envelope text-blue-600" style={{ fontSize: '1.5rem' }}></i>
             </div>
             <div>
               <p className="text-2xl font-bold">{messages.length}</p>
@@ -336,7 +323,7 @@ export default function MessagesPage() {
         <Card className="p-4">
           <div className="flex items-center gap-4">
             <div className="p-3 bg-orange-100 rounded-lg">
-              <Clock className="h-6 w-6 text-orange-600" />
+              <i className="pi pi-clock text-orange-600" style={{ fontSize: '1.5rem' }}></i>
             </div>
             <div>
               <p className="text-2xl font-bold">{unreadCount}</p>
@@ -347,7 +334,7 @@ export default function MessagesPage() {
         <Card className="p-4">
           <div className="flex items-center gap-4">
             <div className="p-3 bg-yellow-100 rounded-lg">
-              <Star className="h-6 w-6 text-yellow-600" />
+              <i className="pi pi-star text-yellow-600" style={{ fontSize: '1.5rem' }}></i>
             </div>
             <div>
               <p className="text-2xl font-bold">
@@ -360,7 +347,7 @@ export default function MessagesPage() {
         <Card className="p-4">
           <div className="flex items-center gap-4">
             <div className="p-3 bg-green-100 rounded-lg">
-              <Send className="h-6 w-6 text-green-600" />
+              <i className="pi pi-send text-green-600" style={{ fontSize: '1.5rem' }}></i>
             </div>
             <div>
               <p className="text-2xl font-bold">12</p>