Fix task IDs are not sorted on multiple tasks validation sidebar

[NatashaKSS]

Description

This ensures that task IDs on the Validate Multiple Tasks page are sorted in ascending order for a better UX. This PR performs the sort on both the title and the TaskValidationSelector components, so that they are aligned.

Resolves #4689

Implementation Details

Sorting is done on the task IDs array in action.js since that is the array that gets passed into all child components. I thought that placing the sort function there would make it more convenient in the future, so you don't need to worry about having to sort individual child components on their own anymore (the array is sorted, just display).

(Sidenote) Javascript's Array.prototype.sort does a lexicographic sort by default (docs). Since the tasksIds array is a number[], I had to use a custom compare function.

Type of change

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

• Run yarn start in the ./frontend folder
• Navigate to the page Manage > Select a project > Contribute > Tasks > Validate (n) Tasks (use a project with multiple pending validation tasks)
• Verify that tasks with a mix of 2-digit, 3-digit and 4-digit IDs, etc, are rendered in ascending order
• Run yarn test in the ./frontend folder. There were no unit tests for this file, so I tested my implementation on the UI.

Here is a reference screenshot:

[willemarcel]

Perfect, @NatashaKSS!! Thanks for your awesome collaboration! 🥇