front: operationalstudies: support returns to line in prodject-study-scenario description

- remove remark-breaks plugin for react-markdown
- add CSS rule (white-space: break-spaces)
- add placeholder in project, study and scenario modal for the description

Author: Caracol3

front/public/locales/en/operationalStudies/project.json

@@ -46,6 +46,7 @@
   "scenariosCount_one": "1 scenario",
   "scenariosCount_other": "{{count}} scenarios",
   "scenariosCount_zero": "No scenario",
+  "projectDescriptionPlaceholder": "Short description of the project",
   "sortOptions": {
     "byName": "Sort by name",
     "byRecentDate": "Latest"

front/public/locales/en/operationalStudies/scenario.json

@@ -23,6 +23,7 @@
   "scenarioDeleted": "Successful deletion!",
   "scenarioDeletedDetails": "Scenario {{ name }} has been deleted.",
   "scenarioDescription": "Description",
+  "scenarioDescriptionPlaceholder": "Short description of the scenario",
   "scenarioModificationTitle": "Modify scenario",
   "scenarioModifyButton": "Save",
   "scenarioName": "Scenario's name",

front/public/locales/en/operationalStudies/study.json

@@ -37,6 +37,7 @@
   "studyDeleted": "Successful deletion!",
   "studyDeletedDetails": "The {{ name }} study has been deleted.",
   "studyDescription": "Description",
+  "studyDescriptionPlaceholder": "Short description of the study",
   "studyEstimatedEndingDate": "Expected ending",
   "studyModificationTitle": "Edit a study",
   "studyModifyButton": "Save",

front/public/locales/fr/operationalStudies/project.json

@@ -46,6 +46,7 @@
   "scenariosCount_one": "1 scénario",
   "scenariosCount_other": "{{count}} scénarios",
   "scenariosCount_zero": "Aucun scénario",
+  "projectDescriptionPlaceholder": "Courte description du projet",
   "sortOptions": {
     "byName": "Tri par nom",
     "byRecentDate": "Plus récents"

front/public/locales/fr/operationalStudies/scenario.json

@@ -23,6 +23,7 @@
   "scenarioDeleted": "Suppression réussie !",
   "scenarioDeletedDetails": "Le scénario {{ name }} a bien été supprimé.",
   "scenarioDescription": "Description",
+  "scenarioDescriptionPlaceholder": "Courte description du scénario",
   "scenarioModificationTitle": "Modifier le scénario",
   "scenarioModifyButton": "Enregistrer",
   "scenarioName": "Nom du scénario",

front/public/locales/fr/operationalStudies/study.json

@@ -37,6 +37,7 @@
   "studyDeleted": "Suppression réussie !",
   "studyDeletedDetails": "L'étude {{ name }} a bien été supprimée.",
   "studyDescription": "Description",
+  "studyDescriptionPlaceholder": "Courte description de l'étude",
   "studyEstimatedEndingDate": "Fin estimée",
   "studyModificationTitle": "Modifier une étude",
   "studyModifyButton": "Enregistrer",

front/src/modules/project/components/AddOrEditProjectModal.tsx

@@ -273,6 +273,7 @@ export default function AddOrEditProjectModal({
                 onChange={(e) =>
                   setCurrentProject({ ...currentProject, description: e.target.value })
                 }
+                placeholder={t('projectDescriptionPlaceholder')}
                 rows={3}
               />
             </div>

front/src/modules/project/styles/_projectCard.scss

@@ -123,6 +123,7 @@
     height: 3.9rem;
     overflow: auto;
     font-size: 0.8rem;
+    white-space: break-spaces;
     &::first-letter {
       text-transform: capitalize;
     }

front/src/modules/scenario/components/AddOrEditScenarioModal.tsx

@@ -252,6 +252,7 @@ export default function AddOrEditScenarioModal({
                 onChange={(e) =>
                   setCurrentScenario({ ...currentScenario, description: e.target.value })
                 }
+                placeholder={t('scenarioDescriptionPlaceholder')}
               />
             </div>
             {!editionMode && electricalProfilOptions.length > 1 && (

front/src/modules/scenario/styles/_scenarioCard.scss

@@ -76,6 +76,7 @@
     font-size: 0.9rem;
     height: 100%;
     overflow: auto;
+    white-space: break-spaces;
   }
   .scenario-card-tags {
     display: flex;

front/src/modules/study/components/AddOrEditStudyModal.tsx

@@ -256,6 +256,7 @@ export default function AddOrEditStudyModal({ editionMode, study }: Props) {
                 }
                 value={currentStudy?.description}
                 onChange={(e) => setCurrentStudy({ ...currentStudy, description: e.target.value })}
+                placeholder={t('studyDescriptionPlaceholder')}
               />
             </div>
           </div>

front/src/modules/study/styles/_studyCard.scss

@@ -83,6 +83,7 @@
     padding: 0 0.5rem;
     overflow: auto;
     height: 5rem;
+    white-space: break-spaces;
   }
   .study-card-financials {
     display: flex;

front/src/styles/scss/applications/operationalStudies/_project.scss

@@ -70,6 +70,7 @@
           max-height: 20vh;
           margin-bottom: 1rem;
           font-size: 1.25rem;
+          white-space: break-spaces;
         }
         .project-details-title-objectives {
           overflow: auto;

front/src/styles/scss/applications/operationalStudies/_scenario.scss

@@ -112,6 +112,7 @@
         overflow: auto;
         height: 4rem;
         font-size: 0.9rem;
+        white-space: break-spaces;
       }
     }
     .scenario-timetable {

front/src/styles/scss/applications/operationalStudies/_study.scss

@@ -82,6 +82,7 @@
     }
     .study-details-description {
       margin-bottom: 0.5rem;
+      white-space: break-spaces;
     }
     .study-details-state {
       padding: 5rem 0 1rem;