fix: show the unique row value in the import preview

packages/webapp/src/containers/Import/ImportFilePreview.module.scss

@@ -17,19 +17,13 @@
   padding-left: 2rem;
 }
 
-.skippedTable {
+table.skippedTable {
   width: 100%;
-  
-  thead{
-    th{
-      padding-top: 0;
-      padding-bottom: 8px;
-      color: #738091;
-      font-weight: 500;
-    }
-  }
-  
+ 
   tbody{
+    tr:first-child td {
+      box-shadow: 0 0 0 0;
+    }
     tr td {
       vertical-align: middle;
       padding: 7px;

packages/webapp/src/containers/Import/ImportFilePreview.tsx

@@ -93,23 +93,12 @@ function ImportFilePreviewSkipped() {
     >
       <SectionCard padded={true}>
         <table className={clsx('bp4-html-table', styles.skippedTable)}>
-          <thead>
-            <tr>
-              <th className={'number'}>#</th>
-              <th className={'name'}>Name</th>
-              <th>Error</th>
-            </tr>
-          </thead>
           <tbody>
             {importPreview?.errors.map((error, key) => (
               <tr key={key}>
                 <td>{error.rowNumber}</td>
-                <td>{error.rowNumber}</td>
-                <td>
-                  {error.errorMessage.map((message) => (
-                    <div>{message}</div>
-                  ))}
-                </td>
+                <td>{error.uniqueValue}</td>
+                <td>{error.errorMessage}</td>
               </tr>
             ))}
           </tbody>