Client: TableView: fixed index cell indention

packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js

@@ -126,6 +126,18 @@ const StyledTableRow = styled(TableRow)`
                   padding-left: 24px;
                 `}
         }
+        .table-container_index-cell {
+          ${(props) =>
+            props.theme.interfaceDirection === "rtl"
+              ? css`
+                  margin-right: -24px;
+                  padding-right: 24px;
+                `
+              : css`
+                  margin-left: -24px;
+                  padding-left: 24px;
+                `}
+        }
         .table-container_row-context-menu-wrapper {
           ${(props) =>
             props.theme.interfaceDirection === "rtl"

packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js

@@ -70,6 +70,9 @@ const StyledTableContainer = styled(TableContainer)`
     .table-container_file-name-cell {
       ${fileNameCss}
     }
+    .table-container_index-cell {
+      ${fileNameCss}
+    }
 
     .table-container_row-context-menu-wrapper {
       ${contextCss}

packages/client/src/pages/Home/Section/Body/TableView/sub-components/RowData.js

@@ -69,10 +69,14 @@ const RowDataComponent = (props) => {
     <>
       {indexColumnIsEnabled && enableIndexing && (
         <TableCell
+          className={classNames(
+            selectionProp?.className,
+            "table-container_index-cell",
+          )}
           style={
             !indexColumnIsEnabled ? { background: "none" } : dragStyles.style
           }
-          {...selectionProp}
+          value={value}
         >
           <IndexCell
             sideColor={theme.filesSection.tableView.row.sideColor}