FIX #2544: Target name gets highlighted

[geetchoudhary]

Fixes #2544

Short description of what this resolves:

In the sidebar when the user clicks on scrollable links the correct {{scroll-to}} gets highlighted.

Video:

Checklist

• I have read the Contribution & Best practices Guide.
• My branch is up-to-date with the Upstream development branch.
• The acceptance, integration, unit tests and linter pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

[geetchoudhary]

@kushthedude , PTAL. Thanks 😄

[kushthedude]

Can you make it index?

[geetchoudhary]

We can do this but having

actions: {
    changeIndex(index) {
      this.set('Index', index);
    }
  }

will be very confusing for future issues, if any.

[snitin315]

Nice Work @geetchoudhary

[abhinavk96]

Stale, also we are approaching it the wrong way, maybe scroll to should be replaced with something that works, no point of using a library, and then manually writing an action, which the library was supposed to take itself.