Refactor components to use navigation utility hook for student details view

[Abishekcs]

closes #6045

What this PR does

This pull request introduces the usage of the useNavigationsUtils hook in multiple components to enable navigation to the student details view. The hook provides the openStudentDetailsView function, which constructs the URL for the single student view page within a course page and navigates to it.

Screenshots

Before:

Before.mp4

After:

2024-12-08.11-42-17.After.mp4

Open questions and concerns

Additionally, the ReviewerLink component, which is supposed to navigate to user profile pages (/users/USERNAME), does not seem to be used anywhere in the codebase (though I’m not 100% sure). However, based on a search through the code, the only place it's mentioned is within the AssignmentsLinks component, where it is currently commented out, as shown below:

// const reviewers = <ReviewerLink key={reviewers-${id}} reviewers={assignment.reviewers} />;

[ragesoss]

Hmm... looks like you're correct about ReviewerLink. I think the implementation changed as it was being worked on initially, and GroupMembersLink does what that was initially designed to do. Feel free to open a PR removing that commented-out code along with the unused component.

This implementation of the utility hook looks reasonable. I'll test it out soon.

[ragesoss]

Is it possible to make them behave more like links, with cursor changing upon mouseover, and ideally displaying the target URL as well, like a browser does with conventional links?

[Abishekcs]

Is it possible to make them behave more like links, with cursor changing upon mouseover, and ideally displaying the target URL as well, like a browser does with conventional links?

I believe it will be possible, I will give it a try.😄

[Abishekcs]

test.mp4

I tried this approach as shown in the screenshot by using the href (just to show the link), and it works. However, with the student/editor table, it won't be possible since those are td tags."

Wrapping each child of the td tags (table data) with an anchor tag will work, but that will leave the tr tag (table row) without a clickable link (where as the current implementation has tr as clickable link ).

[ragesoss]

Okay. I guess this is a broader issue with how we use the td tags.