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/support/page.tsx

@@ -1,23 +1,11 @@
 "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 { Badge } from "@/components/ui/badge";
-import {
-  MessageCircle,
-  Phone,
-  Mail,
-  Clock,
-  CheckCircle,
-  AlertCircle,
-  Send,
-  ArrowLeft,
-  Headphones,
-} from "lucide-react";
+import { Card } from "primereact/card";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
+import { InputTextarea } from "primereact/inputtextarea";
+import { Tag } from "primereact/tag";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 
@@ -71,24 +59,24 @@ export default function SupportPage() {
     },
   ];
 
-  const getStatusBadge = (status: string) => {
+  const getStatusTag = (status: string) => {
     switch (status) {
       case "resolved":
         return (
-          <Badge className="bg-green-100 text-green-800">
-            <CheckCircle className="h-3 w-3 mr-1" />
+          <Tag severity="success">
+            <i className="pi pi-check-circle mr-1"></i>
             Résolu
-          </Badge>
+          </Tag>
         );
       case "in-progress":
         return (
-          <Badge className="bg-blue-100 text-blue-800">
-            <Clock className="h-3 w-3 mr-1" />
+          <Tag severity="info">
+            <i className="pi pi-clock mr-1"></i>
             En cours
-          </Badge>
+          </Tag>
         );
       default:
-        return <Badge>Nouveau</Badge>;
+        return <Tag>Nouveau</Tag>;
     }
   };
 
@@ -98,8 +86,8 @@ export default function SupportPage() {
       <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>
@@ -120,8 +108,8 @@ export default function SupportPage() {
             <form onSubmit={handleSubmit} className="space-y-4">
               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                 <div>
-                  <Label htmlFor="nom">Nom complet *</Label>
-                  <Input
+                  <label htmlFor="nom" className="block mb-2">Nom complet *</label>
+                  <InputText
                     id="nom"
                     name="nom"
                     type="text"
@@ -129,12 +117,12 @@ export default function SupportPage() {
                     value={formData.nom}
                     onChange={handleChange}
                     required
-                    className="mt-2"
+                    className="w-full"
                   />
                 </div>
                 <div>
-                  <Label htmlFor="email">Email *</Label>
-                  <Input
+                  <label htmlFor="email" className="block mb-2">Email *</label>
+                  <InputText
                     id="email"
                     name="email"
                     type="email"
@@ -142,14 +130,14 @@ export default function SupportPage() {
                     value={formData.email}
                     onChange={handleChange}
                     required
-                    className="mt-2"
+                    className="w-full"
                   />
                 </div>
               </div>
 
               <div>
-                <Label htmlFor="sujet">Sujet *</Label>
-                <Input
+                <label htmlFor="sujet" className="block mb-2">Sujet *</label>
+                <InputText
                   id="sujet"
                   name="sujet"
                   type="text"
@@ -157,18 +145,18 @@ export default function SupportPage() {
                   value={formData.sujet}
                   onChange={handleChange}
                   required
-                  className="mt-2"
+                  className="w-full"
                 />
               </div>
 
               <div>
-                <Label htmlFor="priorite">Priorité</Label>
+                <label htmlFor="priorite" className="block mb-2">Priorité</label>
                 <select
                   id="priorite"
                   name="priorite"
                   value={formData.priorite}
                   onChange={handleChange}
-                  className="mt-2 w-full border border-gray-300 rounded-md p-2"
+                  className="w-full border border-gray-300 rounded-md p-2"
                 >
                   <option value="basse">Basse</option>
                   <option value="normale">Normale</option>
@@ -178,8 +166,8 @@ export default function SupportPage() {
               </div>
 
               <div>
-                <Label htmlFor="message">Description du problème *</Label>
-                <Textarea
+                <label htmlFor="message" className="block mb-2">Description du problème *</label>
+                <InputTextarea
                   id="message"
                   name="message"
                   placeholder="Décrivez votre problème en détail..."
@@ -187,7 +175,7 @@ export default function SupportPage() {
                   onChange={handleChange}
                   required
                   rows={8}
-                  className="mt-2"
+                  className="w-full"
                 />
               </div>
 
@@ -196,7 +184,7 @@ export default function SupportPage() {
                 className="w-full 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 le ticket"}
               </Button>
             </form>
@@ -217,7 +205,7 @@ export default function SupportPage() {
                         <span className="font-mono text-sm text-gray-600">
                           {ticket.id}
                         </span>
-                        {getStatusBadge(ticket.status)}
+                        {getStatusTag(ticket.status)}
                       </div>
                       <p className="font-medium mt-1">{ticket.sujet}</p>
                       <p className="text-sm text-gray-500">
@@ -242,7 +230,7 @@ export default function SupportPage() {
           <Card className="p-6">
             <div className="flex items-center gap-3 mb-4">
               <div className="p-3 bg-blue-100 rounded-lg">
-                <Headphones className="h-6 w-6 text-blue-600" />
+                <i className="pi pi-headphones text-blue-600" style={{ fontSize: '1.5rem' }}></i>
               </div>
               <div>
                 <h3 className="font-semibold">Support disponible</h3>
@@ -251,7 +239,7 @@ export default function SupportPage() {
             </div>
             <div className="space-y-3 text-sm">
               <div className="flex items-center gap-2">
-                <Clock className="h-4 w-4 text-gray-400" />
+                <i className="pi pi-clock text-gray-400"></i>
                 <span>9h00 - 18h00 (CET)</span>
               </div>
               <p className="text-xs text-gray-500">
@@ -264,7 +252,7 @@ export default function SupportPage() {
           <Card className="p-6 bg-blue-50 border-blue-200">
             <div className="flex items-start gap-3">
               <div className="p-3 bg-blue-600 rounded-lg">
-                <Phone className="h-5 w-5 text-white" />
+                <i className="pi pi-phone text-white" style={{ fontSize: '1.25rem' }}></i>
               </div>
               <div className="flex-1">
                 <h3 className="font-semibold text-blue-900 mb-1">
@@ -274,8 +262,7 @@ export default function SupportPage() {
                   Pour une assistance immédiate
                 </p>
                 <Button
-                  variant="default"
-                  size="sm"
+                  size="small"
                   className="bg-blue-600 hover:bg-blue-700 w-full"
                 >
                   +33 1 23 45 67 89
@@ -288,14 +275,13 @@ export default function SupportPage() {
           <Card className="p-6 bg-green-50 border-green-200">
             <div className="flex items-start gap-3">
               <div className="p-3 bg-green-600 rounded-lg">
-                <Mail className="h-5 w-5 text-white" />
+                <i className="pi pi-envelope text-white" style={{ fontSize: '1.25rem' }}></i>
               </div>
               <div className="flex-1">
                 <h3 className="font-semibold text-green-900 mb-1">Email support</h3>
                 <p className="text-sm text-green-700 mb-2">Réponse sous 24h</p>
                 <Button
-                  variant="default"
-                  size="sm"
+                  size="small"
                   className="bg-green-600 hover:bg-green-700 w-full"
                 >
                   support@btpxpress.fr
@@ -308,7 +294,7 @@ export default function SupportPage() {
           <Card className="p-6 bg-purple-50 border-purple-200">
             <div className="flex items-start gap-3">
               <div className="p-3 bg-purple-600 rounded-lg">
-                <MessageCircle className="h-5 w-5 text-white" />
+                <i className="pi pi-comments text-white" style={{ fontSize: '1.25rem' }}></i>
               </div>
               <div className="flex-1">
                 <h3 className="font-semibold text-purple-900 mb-1">
@@ -318,8 +304,7 @@ export default function SupportPage() {
                   Discutez avec un agent
                 </p>
                 <Button
-                  variant="default"
-                  size="sm"
+                  size="small"
                   className="bg-purple-600 hover:bg-purple-700 w-full"
                 >
                   Démarrer le chat
@@ -331,7 +316,7 @@ export default function SupportPage() {
           {/* Note importante */}
           <Card className="p-4 bg-yellow-50 border-yellow-200">
             <div className="flex items-start gap-2">
-              <AlertCircle className="h-5 w-5 text-yellow-600 flex-shrink-0 mt-0.5" />
+              <i className="pi pi-exclamation-circle text-yellow-600 flex-shrink-0 mt-0.5" style={{ fontSize: '1.25rem' }}></i>
               <div className="flex-1">
                 <p className="text-sm text-yellow-800">
                   Pour les urgences critiques affectant votre production, appelez