Fix pipline issue

src/shared/sections/contenu-pedagogique/apprentissage/components/exercice/ExerciceModeSelector.tsx

@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
   faRobot,
   faTimes,
-  faSparkles,
+  faStar,
   faHandPaper,
   faPencilAlt,
 } from '@fortawesome/free-solid-svg-icons';
@@ -39,15 +39,12 @@ export const ExerciceModeSelector = ({
 }: ExerciceModeSelectorProps) => {
   const handleModeSelect = (mode: 'ai' | 'manual') => {
     onSelectMode(mode);
-    // Note: onClose is called in the parent component after mode selection
   };
 
   return (
     <Dialog
       open={open}
       onClose={(event, reason) => {
-        // Fix: Prevent auto-close on backdrop click or escape key
-        // Only allow explicit close via the close button
         if (reason === 'backdropClick' || reason === 'escapeKeyDown') {
           return;
         }
@@ -61,7 +58,6 @@ export const ExerciceModeSelector = ({
           overflow: 'visible',
         },
       }}
-      // Disable closing on backdrop click and escape key
       disableEscapeKeyDown
     >
       <DialogTitle
@@ -109,7 +105,10 @@ export const ExerciceModeSelector = ({
               position: 'relative',
               overflow: 'hidden',
               background: (theme) =>
-                `linear-gradient(135deg, ${alpha(theme.palette.primary.light, 0.1)} 0%, ${alpha(theme.palette.primary.main, 0.1)} 100%)`,
+                `linear-gradient(135deg, ${alpha(
+                  theme.palette.primary.light,
+                  0.1
+                )} 0%, ${alpha(theme.palette.primary.main, 0.1)} 100%)`,
               border: (theme) => `2px solid ${alpha(theme.palette.primary.main, 0.2)}`,
               transition: 'all 0.3s ease',
               '&:hover': {
@@ -149,7 +148,7 @@ export const ExerciceModeSelector = ({
               >
                 <FontAwesomeIcon icon={faRobot} size="2x" />
                 <FontAwesomeIcon
-                  icon={faSparkles}
+                  icon={faStar}
                   style={{
                     position: 'absolute',
                     top: 10,
@@ -164,7 +163,7 @@ export const ExerciceModeSelector = ({
               </Typography>
 
               <Typography variant="body2" color="text.secondary" sx={{ maxWidth: 250 }}>
-                Laissez l&apos;IA générer automatiquement les questions à partir de vos contenus et
+                Laissez l'IA générer automatiquement les questions à partir de vos contenus et
                 objectifs pédagogiques
               </Typography>
 
@@ -188,7 +187,10 @@ export const ExerciceModeSelector = ({
               position: 'relative',
               overflow: 'hidden',
               background: (theme) =>
-                `linear-gradient(135deg, ${alpha(theme.palette.info.light, 0.1)} 0%, ${alpha(theme.palette.info.main, 0.1)} 100%)`,
+                `linear-gradient(135deg, ${alpha(
+                  theme.palette.info.light,
+                  0.1
+                )} 0%, ${alpha(theme.palette.info.main, 0.1)} 100%)`,
               border: (theme) => `2px solid ${alpha(theme.palette.info.main, 0.2)}`,
               transition: 'all 0.3s ease',
               '&:hover': {