Enhance data grid hover and focus styles for improved visibility

Before: https://imgur.com/a/DlTsyB7
After: https://imgur.com/a/0g4Y5JA

Bug: 448417350
Change-Id: I4ecf3d4d947c448718cdd9646e169b668c274db1
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7001550
Reviewed-by: Kim-Anh Tran <[email protected]>
Commit-Queue: Sylvester Elorm Coch <[email protected]>

Author: ElormCoch

front_end/ui/legacy/components/data_grid/dataGrid.css

@@ -346,6 +346,11 @@
     color: ButtonText;
   }
 
+  .data-grid tbody tr.revealed:not(.data-grid-filler-row, .selected):hover,
+  .data-grid:focus-within tbody tr.revealed.selected {
+    background-color: Highlight;
+  }
+
   .data-grid th.sortable:hover *,
   .data-grid tr.parent.selected td.disclosure::before,
   .data-grid:focus tr.parent.selected td.disclosure::before,