Sort the nodes table

[shortthefomo]

Add sorting to the nodes table.

Context of Change

Much needed ability to sort the tables of nodes via the headers.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• [x ] New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Refactor (non-breaking change that only restructures code)
• Tests (You added tests for code that already exists, or your new feature included in this PR)
• Documentation Updates
• Translation Updates
• Release

[pdp2121]

Could you add tests for this function?

[shortthefomo]

tests have now been added that cover the compareSemanticVersions, via sorting the Version column.

[pdp2121]

I would like to see this function tested separately and cover all cases. similar to this:

explorer/src/containers/shared/test/utils.test.ts

Lines 13 to 33 in 1e808ad

	it('isEarlierVersion compare versions correctly', () => {
	expect(isEarlierVersion('1.6.2', 'N/A')).toEqual(false)
	expect(isEarlierVersion('N/A', '0.9.4')).toEqual(true)
	expect(isEarlierVersion('N/A', 'N/A')).toEqual(false)
	expect(isEarlierVersion('1.9.4', '1.9.4')).toEqual(false)
	expect(isEarlierVersion('0.9.2', '1.8.4')).toEqual(true)
	expect(isEarlierVersion('1.8.2', '1.9.4')).toEqual(true)
	expect(isEarlierVersion('1.9.2', '1.9.4')).toEqual(true)
	expect(isEarlierVersion('1.9.2', '1.9.2-b1')).toEqual(false)
	expect(isEarlierVersion('1.9.2', '1.9.2-rc2')).toEqual(false)
	expect(isEarlierVersion('1.9.4-b2', '1.9.4-rc1')).toEqual(true)
	expect(isEarlierVersion('1.9.4-b1', '1.9.4-b2')).toEqual(true)
	expect(isEarlierVersion('1.9.4-rc1', '1.9.4-rc2')).toEqual(true)
	expect(isEarlierVersion('1.6.2', '0.9.4')).toEqual(false)
	expect(isEarlierVersion('1.9.4', '1.8.6')).toEqual(false)
	expect(isEarlierVersion('1.9.4', '1.9.2-rc5')).toEqual(false)
	expect(isEarlierVersion('1.8.0-rc1', '1.8.0')).toEqual(true)
	expect(isEarlierVersion('1.9.4-rc1', '1.9.4-b3')).toEqual(false)
	expect(isEarlierVersion('1.9.4-b2', '1.9.4-b1')).toEqual(false)
	expect(isEarlierVersion('1.9.4-rc2', '1.9.4-rc1')).toEqual(false)
	})

[pdp2121]

Also, could you add an image to the description showing how the arrow would look like? Thanks!

[shortthefomo]

Also, could you add an image to the description showing how the arrow would look like? Thanks!

screen shots added

[pdp2121]

Maybe can create a reusable component like NodeTableHeader and just call <NodeTableHeader title='ip'> for instance