Fix highlighting of the current tab in the main nav bar

[SimonADW]

Which problem is this PR solving?

• The highlighting of the current tab in the main nav bar is broken - Issue
• Resolves [Bug]: Top nav highlighting is not working #3175

Description of the changes

• Destructure pathname from props to get the updated pathname passed down from withRouteProps rather than Redux.
• Update Props type to include IWithRouteProps as well as ReduxState.

How was this change tested?

• With npm test -- --coverage
  Test Suites: 205 passed, 205 total
  Tests: 2263 passed, 2263 total
  Snapshots: 3 passed, 3 total
  Time: 48.913 s
  Ran all test suites.

Checklist

• I have read https://github.com/jaegertracing/jaeger/blob/master/CONTRIBUTING_GUIDELINES.md
• I have signed all commits
• I have added unit tests for the new functionality. (No new functionality)
• I have run lint and test steps successfully
  • for jaeger: make lint test
  • for jaeger-ui: npm run lint and npm run test

[SimonADW]

Hi! 👋

It looks like the CI check for this PR requires the changelog:bugfix-or-minor-feature label, but I’m not able to add or edit labels myself.

I can see the Labels section in the sidebar, but it’s read-only for me (no option to search or select labels), so I’m assuming my permission level on this repo doesn’t allow me to modify them.

Could someone with the right access please:

• Add the changelog:bugfix-or-minor-feature label to this PR, or
• Adjust my permissions so I’m able to set the required changelog labels on future PRs?

Thanks!

[yurishkuro]

Thanks!