Add md rendering

index.html

@@ -5,6 +5,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Requirements Extractor</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/16.0.0/lib/marked.umd.min.js"
+        integrity="sha512-ygzQGrI/8Bfkm9ToUkBEuSMrapUZcHUys05feZh4ScVrKCYEXJsCBYNeVWZ0ghpH+n3Sl7OYlRZ/1ko01pYUCQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
     <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 </head>

static/script.js

@@ -837,9 +837,21 @@ function createSingleAccordionItem(item, index, versionIndex, solutionCriticized
             </svg>
             Solution Description
         </h4>
-        <p class="text-xs text-gray-700 leading-relaxed">${solution['Solution Description'] || 'Aucune description de solution disponible.'}</p>
     `;
 
+    // container for markdown content
+    const solContents = document.createElement('div');
+    solContents.className = "text-xs text-gray-700 leading-relaxed";
+    solutionSection.appendChild(solContents);
+
+    try {
+        solContents.innerHTML = marked.parse(solution['Solution Description']);
+    }
+    catch (e) {
+        solContents.innerHTML = `<p class="text-xs text-gray-700 leading-relaxed">${solution['Solution Description'] || 'No available solution description'}</p>`;
+    }
+
+
     // Section Critique
     const critiqueSection = document.createElement('div');
     critiqueSection.className = 'bg-yellow-50 border-l-2 border-yellow-400 p-3 rounded-r-md';