fix(table line): make row header position to inherit to fix nvda speech viewer

Author: GuillaumeKESTEMAN

src/shared/components/Table/Body/Line/Line.tsx

@@ -12,7 +12,7 @@ const Line = ({ className, columns = [], classModifier = '', children }: TLine)
   <TableTk.Tr classModifier={classModifier} className={className}>
     <>
       {columns.map(({ keyCol, isHeader = false, ...restTd }) =>
-        isHeader ? <Header key={keyCol} scope="row" {...restTd} /> : <Td key={keyCol} {...restTd} />,
+        isHeader ? <Header key={keyCol} scope="row" {...restTd} classModifier="row" /> : <Td key={keyCol} {...restTd} />,
       )}
       {children}
     </>

src/shared/scss/custom.scss

@@ -102,14 +102,19 @@
 }
 
 /* FIX/CUSTOM : TABLE ***********************************************************/
-.af-table__th--sortable {
-  padding: 1rem;
-  cursor: pointer;
-  &:hover {
-    background-color: $color-table-sorting;
+.af-table__th {
+  &--row {
+    position: inherit;
   }
-  .af-table__th-label {
+  &--sortable {
     padding: 1rem;
+    cursor: pointer;
+    &:hover {
+      background-color: $color-table-sorting;
+    }
+    .af-table__th-label {
+      padding: 1rem;
+    }
   }
 }