feat : EventDetails --> Add description

lib/ui/views/event_details/event_details_view.dart

@@ -1,3 +1,4 @@
+import 'package:bahla_front/ui/common/ReadMoreText.dart';
 import 'package:flutter/material.dart';
 import 'package:stacked/stacked.dart';
 
@@ -240,27 +241,24 @@ class EventDetailsView extends StackedView<EventDetailsViewModel> {
                     // Tab 2: À propos
                     Container(
                       color: const Color(0xFFEFF0FF),
-                      child: ListView(
+                      child: Column(
-                        padding: const EdgeInsets.all(16.0),
                         children: [
-                          Text(
+                          Container(
-                            'À propos de L\'Octonelle',
+                            padding: const EdgeInsets.all(16.0),
-                            style: Theme.of(context).textTheme.headlineSmall?.copyWith(
+                            child: ReadMoreText(
+                              'Bienvenue à Disc\'Octonelle 2 ! \n\nRejoignez-nous pour une soirée inoubliable de musique, de danse et de bonne humeur. \n\nQue vous soyez amateur de rock, de pop, de jazz ou d\'électro, il y en aura pour tous les goûts. \nVenez découvrir des artistes locaux et internationaux dans une ambiance conviviale et festive. \nNe manquez pas cette occasion unique de faire la fête et de créer des souvenirs mémorables avec vos amis. Nous avons hâte de vous accueillir à Disc\'Octonelle 2 !',
+                              trimLines: 10,
+                              collapsedText: '... Voir plus',
+                              expandedText: ' Voir moins',
+                              textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(
                                 color: Colors.black,
-                              fontWeight: FontWeight.bold,
+                                height: 1.4,
                               ),
                             ),
-                          const SizedBox(height: 16),
-                          const Text(
-                            'Description détaillée de l\'organisation L\'Octonelle et de ses activités...',
-                            style: TextStyle(color: Colors.black87),
                           ),
-                          ...List.generate(20, (index) => Padding(
+                          Divider(height: 2, indent: 20, endIndent: 20, color: Theme.of(context).colorScheme.primary),
-                                padding: const EdgeInsets.symmetric(vertical: 8.0),
-                                child: Text('Ligne de contenu ${index + 1}'),
-                              )),
                         ],
-                      ),
+                      )
                     ),
                   ],
                 ),