HParam UI: reset ColumnHeaders if using obsolete interface

[JamesHollyer]

Motivation for features / changes

In #6346 we updated the ColumnHeader interface. However, objects using this interface are stored in localStorage. This checks localStorage to ensure it has the new interface. If it does not then it ignores those values.

Technical description of changes

I am simply checking if the first value has the name property to ensure the values are valid. I could do a more thorough check but it seems unnecessary.

Detailed steps to verify changes work correctly (as executed by you)

It worked for me when running locally.

[rileyajones]

I don't think you need this initial condition anymore. FYI Array.isArray(undefined) returns false.

Suggested change

	if (
	backendSettings.hasOwnProperty('singleSelectionHeaders') &&
	typeof backendSettings.singleSelectionHeaders === 'object'
	Array.isArray(backendSettings.singleSelectionHeaders) &&
	// If the settings stored in the backend are invalid, reset back to default.
	backendSettings.singleSelectionHeaders[0].name !== undefined
	) {
	// If the settings stored in the backend are invalid, reset back to default.
	if (Array.isArray(backendSettings).singleSelectionHeaders && backendSettings.singleSelectionHeaders[0].name !== undefined) {

[rileyajones]

Also here

Suggested change

	if (
	backendSettings.hasOwnProperty('rangeSelectionHeaders') &&
	typeof backendSettings.rangeSelectionHeaders === 'object'
	Array.isArray(backendSettings.rangeSelectionHeaders) &&
	// If the settings stored in the backend are invalid, reset back to default.
	backendSettings.rangeSelectionHeaders[0].name !== undefined
	) {
	// If the settings stored in the backend are invalid, reset back to default.
	if (
	Array.isArray(backendSettings.rangeSelectionHeaders) &&
	backendSettings.rangeSelectionHeaders[0].name !== undefined
	) {