[FSunstone] Safely handle row selection

[vichansson]

Description

Any container utilizing the EnhancedTable component needs to gracefully handle the selection of rows to avoid calling toggleRowSelected on a seemingly undefined row, causing a react crash.

To Reproduce
Can be reproduced in several ways, simplest ones being:

First method

1. Open the Storage/Apps tab, displaying the marketplace apps

2. Select any app

3. Use the search bar to filter the table output, hold CTRL and select another app, you should now have two apps selected and the details view should confirm this.
   

4. Try deselecting the FIRST app, AKA the one you selected in the first step, by pressing the little circled X button in the tag ⦻

This will result in a react crash:

TypeError
row is undefined
Call Stack
 handleRowById
  bundle.sunstone.js:262311:13
 reducer$8
  bundle.sunstone.js:262326:20
 ./node_modules/react-table/dist/react-table.development.js/
  bundle.sunstone.js:259741:16
 ./node_modules/react-table/dist/react-table.development.js/
  bundle.sunstone.js:259740:126
 updateReducer
  bundle.sunstone.js:229540:22
 useReducer
  bundle.sunstone.js:230647:16
 useReducer
  bundle.sunstone.js:268016:21
 useTable
  bundle.sunstone.js:259745:35
 EnhancedTable
  clientbundle.src_client_components_Tables_index_js.js:7117:78
 renderWithHooks
  bundle.sunstone.js:229207:27

Second method

1. Go to the Instances/VMs tab, displaying the VMs

2. Select a VM, state does not matter

3. Delete the VM

4. The deleted VM is still being displayed in the details tab/container, even though it no longer exists. So from the tables perspective, it is still selected.

5. Press the ⦻ button in the corner of the detailed view, attempting to close it

This will result in a react crash, same way as in the first method.

TypeError
row is undefined
Call Stack
 handleRowById
  bundle.sunstone.js:262311:13
 reducer$8
  bundle.sunstone.js:262326:20
 ./node_modules/react-table/dist/react-table.development.js/
  bundle.sunstone.js:259741:16
 ./node_modules/react-table/dist/react-table.development.js/
  bundle.sunstone.js:259740:126
 updateReducer
  bundle.sunstone.js:229540:22
 useReducer
  bundle.sunstone.js:230647:16
 useReducer
  bundle.sunstone.js:268016:21
 useTable
  bundle.sunstone.js:259745:35
 EnhancedTable
  clientbundle.src_client_components_Tables_index_js.js:7117:78
 renderWithHooks
  bundle.sunstone.js:229207:27

Additional Context
It does not affect every single component that utilizes the EnhancedTable. For example, for the VM Templates, this is not the case. When a VM Template is deleted, the row is automatically de-referenced (and detailed view closes).

Expected behavior
The selected row toggle should always be able to deselect rows, no matter the context.

Details

• Affected Component: [FireEdge]
• Version: [Development] - Most likely affects other versions too.

Progress Status

• Code committed
• Testing - QA
• Documentation (Release notes - resolved issues, compatibility, known issues)