rajoute le support de l'utilisation de markdown (sur un sous-ensemble) dans la description des campagnes et des propositions

src/app/campaigns/[id]/propose/page.tsx

@@ -7,10 +7,11 @@ import { Campaign } from '@/types';
 import { campaignService, propositionService } from '@/lib/services';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
-import { Textarea } from '@/components/ui/textarea';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { ArrowLeft, FileText, User, Mail, CheckCircle, AlertCircle } from 'lucide-react';
+import { MarkdownContent } from '@/components/MarkdownContent';
+import { MarkdownEditor } from '@/components/MarkdownEditor';
 
 export const dynamic = 'force-dynamic';
 
@@ -192,9 +193,10 @@ export default function PublicProposePage() {
             <div className="space-y-4">
               <div>
                 <h3 className="text-sm font-medium text-slate-600 dark:text-slate-300 mb-2">Description</h3>
-                <div className="text-slate-900 dark:text-slate-100 whitespace-pre-wrap leading-relaxed">
-                  {campaign?.description}
-                </div>
+                <MarkdownContent 
+                  content={campaign?.description || ''} 
+                  className="text-slate-900 dark:text-slate-100"
+                />
               </div>
             </div>
           </CardContent>
@@ -231,20 +233,13 @@ export default function PublicProposePage() {
                 />
               </div>
 
-              <div className="space-y-2">
-                <label htmlFor="description" className="text-sm font-medium text-slate-700 dark:text-slate-300">
-                  Description *
-                </label>
-                <Textarea
-                  id="description"
-                  name="description"
-                  value={formData.description}
-                  onChange={handleChange}
-                  placeholder="Décrivez votre proposition en détail..."
-                  rows={6}
-                  required
-                />
-              </div>
+              <MarkdownEditor
+                value={formData.description}
+                onChange={(value) => setFormData(prev => ({ ...prev, description: value }))}
+                placeholder="Décrivez votre proposition en détail..."
+                label="Description *"
+                maxLength={2000}
+              />
 
               <div className="border-t border-slate-200 dark:border-slate-700 pt-6">
                 <h3 className="text-lg font-medium text-slate-900 dark:text-slate-100 mb-4 flex items-center gap-2">