fix: Clickable Disabled Navigation Buttons in TrackTools Component

[Amit-K-007]

Description:

This PR addresses the issue where the "Prev" and "Next" buttons in the TrackTools component remain clickable even when disabled, resulting in unnecessary re-renders. This was happening because the Link component was still clickable even if the button inside it is disabled.

Changes Made:

• Prev Button:

  • If problemIndex is 0, the pointer-events on the Link are disabled.
  • The Link is wrapped in a div that has a cursor: not-allowed style if problemIndex is 0 (indicating the First Slide).

• Next Button:

  • If problemIndex + 1 equals the length of track.problems, the pointer-events on the Link are also disabled.
  • The Link is wrapped in a div that applies the cursor: not-allowed style if problemIndex + 1 equals the length of track.problems (indicating the Last Slide).

Demo

solution.mp4

Resolves: #667