Fix: Sorting data with MUI data Tables

[abdullai-t]

Summary / Highlights

This pull request fixes the bug related to sorting data on the MUI data table. The issue was caused by changes to the key for sort parameters on the tableState object. Additionally, this PR adds functionality to persist the sorting direction even after the page reloads. This PR works with API PR

Details (Give details about what this PR accomplishes, include any screenshots etc.)

Testing Steps (Provide details on how your changes can be tested)

Requirements

• [x] I've read and understood the Contributing Guidelines and have done my best effort to follow them.
• [x] I've tested my changes manually.
• [ ] I've added unit tests to my PR.

Transparency (Project board)

• [x] I've given my PR a meaningful title.
• [x] I linked this PR to the relevant issue.
• [ ] I moved the linked issue from the "Sprint backlog" to "In progress" when I started this.
• [ ] I moved the linked issue to "QA Verification" now that it is ready to merge.

What kind of change does this PR introduce? (check at least one)

• [x] Bugfix
• [ ] Feature
• [ ] Performance improvement
• [ ] Feature removal
• [ ] Code style update
• [ ] Refactor
• [ ] Docs
• [ ] Build-related changes
• [ ] Other, please describe:

Does this PR introduce a breaking change? (check one)

• [ ] Yes
• [x] No

If yes, please describe the impact and migration path for existing applications:

The PR fulfills these requirements:

• [x] It's submitted to the dev branch or to a feature branch, not the main branch
• [ ] When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
• [ ] All tests are passing: Contributing Guidelines
• [ ] New/updated tests are included

Other information: Any otherthing we need to know

[BradHN1]

@abdullai-t This does not meet the requirements of the issue #1135. There are two problems with it.

When sorting by a column header, there should be just two states: ascending and descending. In the dev admin portal, when I sort actions based on Title, the first state that shows up is Descending. It should be Ascending, and the arrow shows it as ascending, but the top entry is later in the alphabet:

When I click a second time, the order reverses, as expected. When I click a third time, the arrow disappears and it is still sorted as ascending: