EDSC-3719, EDSC-3525: Scroll to granule on map click and table granules bugfix

[bnp26]

Overview

What is the feature?

When clicking on a granule on the map, the granule list and granule table will scroll to that granule. Additionally fixed a bug where granules on the granules table weren't highlighting the focused granule.

What is the Solution?

Updated EDSCTable to highlight granules in table view
Added scrolling when there is a focusedGranule in GranuleResultsListBody.jsx & EDSCTable
Added playwright tests to check functionality.

What areas of the application does this impact?

Granules Table and List views.

Testing

Reproduction steps

1. goto localhost:8080/search
2. click on a collection with a bunch of granules
3. select a granule on the map and observe that the list scrolls to it and that it is highlighted.
4. change to the table view and observe that the table scrolls to the focusedGranule
5. de-select a granule and select a different one that is far enough so that it forces the table to scroll.
   6.observe the table scrolling
6. move back to the list view and observe the list view scrolls to that same granule

Attachments

Please include relevant screenshots or files that would be helpful in reviewing and verifying this change.

Checklist

• I have added automated tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

[codecov]

Codecov Report

Attention: Patch coverage is 60.86957% with 9 lines in your changes missing coverage. Please review.

Project coverage is 90.98%. Comparing base (d918cd6) to head (522ab9c).
Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
...mponents/GranuleResults/GranuleResultsListBody.jsx	50.00%	5 Missing and 1 partial ⚠️
static/src/js/components/EDSCTable/EDSCTable.jsx	40.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1813      +/-   ##
==========================================
- Coverage   91.02%   90.98%   -0.05%     
==========================================
  Files         770      770              
  Lines       18567    18584      +17     
  Branches     4778     4797      +19     
==========================================
+ Hits        16901    16909       +8     
- Misses       1525     1533       +8     
- Partials      141      142       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[trevorlang]

Found a few files without new lines at the end but other than that, this is looking really solid. Nice work!

[macrouch]

Just blocking this PR for now because we have to get 4252 in first