feat(Table): expand checkbox click area

src/components/Table/Table.scss

@@ -122,9 +122,8 @@
         border-bottom-color: transparent;
     }
 
-    &__th-content {
+    &__head &__cell {
         @include mixins.text-accent;
-        display: inline-block;
         &::first-letter {
             text-transform: uppercase;
         }

src/components/Table/Table.tsx

@@ -152,7 +152,7 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
             content = id;
         }
 
-        return <span className={b('th-content')}>{content}</span>;
+        return content;
     }
 
     static getBodyCellContent<I extends TableDataItem>(

src/components/Table/hoc/withTableSelection/withTableSelection.scss

@@ -1,8 +1,19 @@
 @use '../../variables';
 
 #{variables.$block} {
+    &__checkbox_cell {
+        position: relative;
+        min-width: 17px;
+    }
+
     &__selection-checkbox {
-        display: inline-block;
+        padding: inherit;
+        border-bottom: none;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
     }
 
     &__row_selected {

src/components/Table/hoc/withTableSelection/withTableSelection.tsx

@@ -162,7 +162,7 @@ export function withTableSelection<I extends TableDataItem, E extends {} = {}>(
                 id: selectionColumnId,
                 name: this.renderHeadCell,
                 template: this.renderBodyCell,
-                width: 17, // checkbox width
+                className: b('checkbox_cell'),
                 sticky: _get(columns, [0, 'sticky']) === 'left' ? 'left' : undefined,
             };