EDSC-4048: added example to Granules IDs tooltip

[bnp26]

Overview

What is the feature?

Adds an example to the Granule IDs search tooltip.
Also updated the package-lock.json (which was not updated on a previous unrelated commit and simply removes an unused dependency radix_colors)

What is the Solution?

Straight forward example added.

What areas of the application does this impact?

GranuleFiltersForm.js

Testing

Reproduction steps

• **Environment for testing:**prod
• **Collection to test with:**C2799438271-POCLOUD

1. go to search.sit.earthdata.nasa.gov/search
2. Search for C2799438271-POCLOUD
3. try and search for granules using the example (SWOT__01?_26?_10_*)
4. ensure it shows up in the tooltip when hovering over Granule ID(s)

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-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 91.91%. Comparing base (1b9596c) to head (105ccd5).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1736   +/-   ##
=======================================
  Coverage   91.91%   91.91%           
=======================================
  Files         727      727           
  Lines       19504    19504           
  Branches     4639     4641    +2     
=======================================
  Hits        17927    17927           
  Misses       1439     1439           
  Partials      138      138           

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

[eudoroolivares2016]

Prefer single space instead of two between this and the previous element

[bnp26]

@eudoroolivares2016 Feels right since that's the separation between bolded words.

[eudoroolivares2016]

Sorry, I think my statement was ambiguous, I just mean I'd prefer to have a single <br /> instead of two for consistency

[rushgeo]

Yeah, this spacing looks inconsistent in the code, but is consistent in the display. It's the same number of pixels between each group

[eudoroolivares2016]

Okay thanks for checking that

[bnp26]

For the record, the first
is for getting the new line, and the second is for the extra empty line

[eudoroolivares2016]

We decided not to do this was given permission to close by @bnp26