4001 - Datatable use Datagrid - Code clean up (#4195)

* 4001 - Delete unused code

* 4001 - Remove unused clasess

* 4001 - Code formatting

* 4001 - Rename classes

* 4001 - Remove unnecessary Table wrapper

* 4001 - Delete unused ThousandSeparatedIntegerInput component

src/client/pages/Section/DataTable/DataTable.scss

@@ -1,28 +1,6 @@
 @import 'src/client/style/partials';
 
 .data-table {
-  .odp-header-cell {
-    @include mixin-table-cell(700, center, 10px);
-    background-color: rgba($ui-accent, 10%);
-
-    .link {
-      text-decoration: underline;
-    }
-
-    .review-summary-status {
-      margin: 0 $spacing-xxxs;
-    }
-  }
-
-  .odp-value-cell {
-    background-color: rgba($ui-accent, 5%);
-  }
-
-  .odp-value-cell-total {
-    @include mixin-table-cell(700, right, 10px, true);
-    background-color: rgba($ui-accent, 5%);
-  }
-
   .validation-error {
     background-color: rgba($ui-destructive, 10%);
   }

src/client/pages/Section/DataTable/Table/DataValidations/DataValidations.scss

@@ -3,24 +3,24 @@
 $colorError: darken($ui-destructive, 5%);
 
 .data-validations {
-  margin-top: $spacing-xs;
+  align-items: center;
   color: $colorError;
   display: grid;
-  grid-template-columns: auto 1fr;
-  grid-column-gap: $spacing-xxxs;
   font-size: $font-xs;
-  align-items: center;
-  text-transform: uppercase;
   font-weight: 600;
+  grid-column-gap: $spacing-xxxs;
+  grid-template-columns: auto 1fr;
   letter-spacing: 0.4px;
+  margin-top: $spacing-xs;
+  text-transform: uppercase;
 
   .msg {
     grid-column: 2;
   }
 
   svg.icon {
     color: $colorError;
-    width: 12px;
     height: 12px;
+    width: 12px;
   }
 }

src/client/pages/Section/DataTable/Table/GridHeadCell/OdpHeaderCell/OdpHeaderCell.scss

@@ -1,8 +1,8 @@
 @import 'src/client/style/partials';
 
 .table-grid__odp-cell.header {
-  font-weight: 700;
   background-color: rgba($ui-accent, 10%);
+  font-weight: 700;
 
   .link {
     text-decoration: underline;