presidio ok v.1 button disposition

app/page.tsx

@@ -2,13 +2,12 @@
 
 import { useState } from "react";
 import { FileUploadComponent } from "./components/FileUploadComponent";
-import { ResultPreviewComponent } from "./components/ResultPreviewComponent";
+
 import { EntityMappingTable } from "./components/EntityMappingTable";
 import { ProgressBar } from "./components/ProgressBar";
 import { useFileHandler } from "./components/FileHandler";
 import { useAnonymization } from "./components/AnonymizationLogic";
 import { useDownloadActions } from "./components/DownloadActions";
-import { highlightEntities } from "./utils/highlightEntities";
 
 interface EntityMapping {
   originalValue: string;
@@ -81,13 +80,13 @@ export default function Home() {
       </div>
 
       {/* Main Content */}
-      <div className="max-w-5xl mx-auto px-2 sm:px-4 py-4 sm:py-8 space-y-4">
+      <div className="max-w-6xl mx-auto px-2 sm:px-4 py-4 sm:py-8 space-y-4">
         {/* Progress Bar */}
         <ProgressBar currentStep={getCurrentStep()} steps={progressSteps} />
 
         {/* Upload Section */}
         <div className="bg-white rounded-2xl border border-gray-50 overflow-hidden">
-          <div className="p-3 sm:p-6">
+          <div className="p-1 sm:p-3">
             <FileUploadComponent
               uploadedFile={uploadedFile}
               handleFileChange={handleFileChange}
@@ -104,28 +103,16 @@ export default function Home() {
               isLoadingFile={isLoadingFile}
               onRestart={handleRestart}
               outputText={outputText}
+              copyToClipboard={copyToClipboard}
+              downloadText={downloadText}
             />
           </div>
         </div>
 
-        {/* Result Preview */}
+        {/* Entity Mapping Table - Seulement si outputText existe */}
         {outputText && (
           <div className="bg-white rounded-2xl border border-gray-100 overflow-hidden">
-            <div className="p-3 sm:p-6">
-              <ResultPreviewComponent
-                outputText={outputText}
-                copyToClipboard={copyToClipboard}
-                downloadText={downloadText}
-                highlightEntities={highlightEntities}
-              />
-            </div>
-          </div>
-        )}
-
-        {/* Entity Mapping Table */}
-        {outputText && (
-          <div className="bg-white rounded-2xl border border-gray-100 overflow-hidden">
-            <div className="p-3 sm:p-6">
+            <div className="p-1 sm:p-3">
               <EntityMappingTable mappings={entityMappings} />
             </div>
           </div>
@@ -166,11 +153,9 @@ export default function Home() {
                           </div>
                         </div>
                       ) : line.startsWith("-") ? (
-                        <div className="ml-4 text-blue-700">
-                          • {line.substring(1).trim()}
-                        </div>
+                        <div className="ml-4 text-blue-700">{line}</div>
                       ) : (
-                        <div>{line}</div>
+                        line
                       )}
                     </div>
                   ))}