Reland "Add horizontal scrollbar to view table details in a smaller screen"

This is a reland of commit 02f8f31 The
original issue was fixed by crrev.com/c/6680411

Original change's description:
> Add horizontal scrollbar to view table details in a smaller screen
>
> Increasing padding for column, so that the info in Constructor is more
> visible
>
> Before: https://screenshot.googleplex.com/89wKSdRFeXpka3r
> After: https://screenshot.googleplex.com/BkYGs4unaghWfhr
>
> Fixed: 333614642
> Change-Id: I1406c3d400410d1e27c1c267d447ba9ede70d6dc
> Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6651373
> Auto-Submit: Samiya Caur <samiyac@chromium.org>
> Reviewed-by: Kim-Anh Tran <kimanh@chromium.org>
> Commit-Queue: Samiya Caur <samiyac@chromium.org>

Fixed: 333614642
Change-Id: I0abdedf84deb49c742d5b5bc35524f3ee5089061
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6680412
Reviewed-by: Samiya Caur <samiyac@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>

Author: OrKoN

front_end/panels/profiler/heapProfiler.css

@@ -36,6 +36,14 @@
 .heap-snapshot-view .data-grid {
   border: none;
   flex: auto;
+
+  .data-container {
+    overflow-x: scroll;
+  }
+
+  .corner {
+    width: 100%;
+  }
 }
 
 .heap-snapshot-view .data-grid tr:empty {

front_end/ui/legacy/components/data_grid/DataGrid.ts

@@ -1029,7 +1029,8 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   }
 
   private applyColumnWeights(): void {
-    let tableWidth = this.element.offsetWidth - this.cornerWidth;
+    // Subtract 1 to prevent unnecessary overflow in x-axis
+    let tableWidth = this.element.offsetWidth - this.cornerWidth - 1;
     if (tableWidth <= 0) {
       return;
     }
@@ -1048,7 +1049,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     }
     let sum = 0;
     let lastOffset = 0;
-    const minColumnWidth = 14;  // px
+    const minColumnWidth = ColumnResizePadding;  // px
 
     for (let i = 0; i < this.visibleColumnsArray.length; ++i) {
       const column = this.visibleColumnsArray[i];
@@ -1705,7 +1706,7 @@ export const enum DataType {
   BOOLEAN = 'Boolean',
 }
 
-export const ColumnResizePadding = 34;
+export const ColumnResizePadding = 30;
 export const CenterResizerOverBorderAdjustment = 3;
 
 export const enum ResizeMethod {